[x-cloak]{display:none!important}:root{--hat-customiser-rule: #10182066}.hat-customiser{--button-background: 12 24 32;display:none}[data-customiser-mode=customise] .hat-customiser{display:flex;flex-direction:column;gap:28px}[data-customiser-mode=customise] .hat-customiser__trigger{display:none}[data-customiser-mode=customise] .product-info__block-item:not([data-block-type=vendor]):not([data-block-type=title]):not([data-block-type=hat-customiser]),[data-customiser-mode=customise] .product-info__block-group:not(:has([data-block-type=hat-customiser])){display:none}.hat-customiser__preview{display:none;position:relative;isolation:isolate;width:100%;aspect-ratio:327 / 458;container-type:inline-size;overflow:hidden}[data-customiser-mode=customise] .hat-customiser__preview{display:block}[data-customiser-mode=customise] .product-gallery__carousel,[data-customiser-mode=customise] .product-gallery__thumbnail-list,[data-customiser-mode=customise] .product-gallery__controls-container,[data-customiser-mode=customise] .product-gallery__zoom-button{display:none}.hat-customiser__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.hat-customiser__layer:not(.hat-customiser__layer--base){transform:translate(var(--layer-x, 0),var(--layer-y, 0)) rotate(var(--layer-rotate, 0deg)) scale(var(--layer-scale, 1));transform-origin:var(--layer-origin, center)}.hat-customiser__layer--base{z-index:0}.hat-customiser__engraved{position:absolute;left:calc(50% + var(--engraved-x, 18) * 1%);top:calc(50% + var(--engraved-y, 22) * 1%);transform:translate(-50%,-50%) rotate(var(--engraved-rotate, -36deg));font-family:Times New Roman,Times,serif;font-size:calc(var(--engraved-size, 8) * 1cqw);line-height:1;white-space:nowrap;color:var(--engraved-ink, #261509);mix-blend-mode:var(--engraved-blend, multiply);filter:blur(.08cqw) drop-shadow(0 .06cqw .03cqw rgba(255,255,255,.45));pointer-events:none}@media(prefers-reduced-motion:no-preference){.hat-customiser__engraved{animation:hat-customiser-engraved-in 75ms ease-out}@keyframes hat-customiser-engraved-in{0%{opacity:0}}}.hat-customiser__price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block-end:12px}.hat-customiser__running-total{margin:0;font-family:var(--san-serif-font-family);font-size:var(--text-xxxs);line-height:1.5;color:var(--gray-85)}.hat-customiser__edit-hat{font-size:var(--text-xxxxs);line-height:24px;color:var(--primary-black)}.hat-customiser:focus{outline:none}.hat-customiser__trigger,.hat-customiser__back,.hat-customiser__submit{width:100%}.hat-customiser__submit,.hat-customiser__back{font-size:var(--text-xxxxxs)}.hat-customiser-bar__title{font-family:var(--serif-mono-font-family);font-size:var(--text-xxs);line-height:1.15}.hat-customiser__trigger{font-size:var(--text-xxxxxs)}.product-info__block-list:has([data-block-type=hat-customiser])>[data-block-type=hat-customiser]{margin-block-end:-10px}.product-info__block-list:has([data-block-type=hat-customiser]) .hat-customiser__trigger{line-height:24px;block-size:42px}.product-info__block-list:has([data-block-type=hat-customiser]) [data-block-type=buy-buttons] buy-buttons{row-gap:6px}.product-info__block-list:has([data-block-type=hat-customiser]) [data-block-type=buy-buttons] .shopify-payment-button__button{font-size:var(--text-xxxxxs);line-height:24px;min-height:44px;max-height:44px;block-size:44px;background-color:rgb(var(--button-background));color:rgb(var(--button-text-color))}.product-info__block-list:has([data-block-type=hat-customiser]) [data-block-type=buy-buttons] product-form .button,.product-info__block-list:has([data-block-type=hat-customiser]) [data-block-type=buy-buttons] .shopify-payment-button__button{--button-background: 12 24 32;--button-text-color: 237 236 232}.product-info__block-list:has([data-block-type=hat-customiser]) [data-block-type=buy-buttons] product-form .button{--initial-gradient: linear-gradient(rgb(var(--button-background)), rgb(var(--button-background)));--hover-gradient: linear-gradient(transparent, transparent);--initial-background-position: var(--transform-origin-end);--hover-background-position: var(--transform-origin-start);--button-background: 12 24 32;--button-text-color: 237 236 232;--button-outline-color: 12 24 32;color:rgb(var(--button-text-color));line-height:24px;max-height:44px;block-size:44px}.hat-customiser__submit{--button-background: 12 24 32;--button-text-color: 237 236 232;min-height:44px;max-height:44px}.hat-customiser__back{min-height:42px;max-height:42px}.hat-customiser__submit[disabled]{opacity:.6;cursor:wait}.hat-customiser__footer{display:flex;flex-direction:column;gap:6px;margin-block-start:20px}.hat-customiser__error{font-size:var(--text-xxs)}.hat-customiser__addons{--hat-customiser-tray-gap: 12px;border-block-start:1px solid var(--hat-customiser-rule);padding-block-start:28px}.hat-customiser__addons .hat-customiser__addons-body{padding-block-end:28px;border-block-end:1px solid var(--gray-25)}.hat-customiser__addons .hat-customiser__addons-head{display:flex;align-items:center;justify-content:space-between;gap:38px}.hat-customiser__addons .hat-customiser__addons-label{margin:0;font-size:var(--text-xxxxs);line-height:24px;color:var(--gray-85)}.hat-customiser__addons .hat-customiser__tray-controls{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.hat-customiser__tray-arrow{display:grid;place-items:center;inline-size:24px;block-size:24px;color:var(--gray-70)}.hat-customiser__tray-arrow:after{top:0;right:0;bottom:0;left:0}.hat-customiser__tray-arrow:hover:after{transform:scale(1)}.hat-customiser__clear{font-size:var(--text-xxxxs);line-height:24px;color:var(--gray-25)}.hat-customiser__addons .hat-customiser__clear:disabled{cursor:default}.hat-customiser__addons .hat-customiser__tray{display:flex;align-items:flex-start;gap:var(--hat-customiser-tray-gap);margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;list-style:none}.hat-customiser__addons .hat-customiser__slot{position:relative;padding:0;flex:0 0 calc((100% - 5 * var(--hat-customiser-tray-gap)) / 6);min-inline-size:72px;aspect-ratio:1;scroll-snap-align:start}.hat-customiser__addons .hat-customiser__slot--empty{display:grid;place-items:center;border:1px solid var(--gray-15);color:var(--primary-black)}.hat-customiser__addons .hat-customiser__chip-image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.hat-customiser__addons .hat-customiser__chip-remove{position:absolute;inset-block-start:0;inset-inline-end:0;display:grid;place-items:center;inline-size:24px;block-size:24px;padding:0;background-color:var(--primary-white);border:0}x-tabs.hat-customiser__tabs{display:block;padding-block-end:28px;border-block-end:1px solid var(--gray-25)}.hat-customiser__tabs::part(tab-list){display:flex;flex-wrap:nowrap;align-items:flex-start;gap:1.5rem;overflow-x:auto;scrollbar-width:none;margin-block-end:1.25rem}@media screen and (min-width:1000px){.hat-customiser__tabs::part(tab-list){margin-block-end:1.75rem}}.hat-customiser__tab{height:20px;font-size:var(--text-xxxxs);line-height:1.25;text-transform:uppercase;color:var(--gray-85);border-block-end:1px solid transparent;white-space:nowrap}.hat-customiser__tab[aria-selected=true]{color:var(--secondary-red);border-block-end-color:var(--secondary-red)}.hat-customiser__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.75rem}@media screen and (min-width:700px){.hat-customiser__swatches{grid-template-columns:repeat(6,1fr)}}.hat-customiser__swatch{display:block;aspect-ratio:1;background-color:var(--gray-5);border:1px solid transparent;padding:0}.hat-customiser__swatch-input:checked+.hat-customiser__swatch{border-color:var(--primary-black);padding:2px}.hat-customiser__swatch-input:focus-visible+.hat-customiser__swatch{outline-offset:2px}.hat-customiser__swatch-image{display:block;width:100%;height:100%;object-fit:cover}.hat-customiser__details{display:flex;flex-direction:column;align-items:flex-start;gap:28px;inline-size:100%;padding-block-end:2.5rem;border-block-end:1px solid var(--gray-25)}.hat-customiser__details-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.25rem .75rem;inline-size:100%}.hat-customiser__details-meta{flex:0 1 249px;display:flex;flex-direction:column;gap:.75rem}.hat-customiser__details-name{margin:0;font-family:var(--serif-mono-font-family);font-size:var(--text-xxs);line-height:1.25;text-transform:uppercase;color:var(--primary-black)}.hat-customiser__details-price{margin:0;font-size:var(--text-xxxxs);line-height:1;color:var(--gray-70)}.hat-customiser__details-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.hat-customiser__details .hat-customiser__qty{--quantity-selector-height: 42px;--quantity-selector-input-width: 20px;grid-template-columns:24px minmax(20px,auto) 24px;gap:.5rem;padding-inline:.5rem;background-color:var(--primary-white);border-color:var(--gray-15)}.hat-customiser__details .quantity-selector__input{font-size:var(--text-xxxxs);font-weight:350;line-height:1.5rem;color:var(--primary-black)}.hat-customiser__details .quantity-selector__button{color:var(--primary-black)}.hat-customiser__details-add{inline-size:154px;min-block-size:44px;max-block-size:44px;padding-inline:12px;white-space:nowrap;font-size:var(--text-xxxxxs);line-height:1.5rem;--button-background: 12 24 32}.hat-customiser__details-body{font-family:var(--serif-font-family);font-size:var(--text-xxxs);line-height:1.25;color:var(--primary-black)}.hat-customiser__details-toggle{font-size:var(--text-xxxxs);line-height:1.5rem;color:var(--primary-black)}@media(hover:none),(pointer:coarse){.hat-customiser__details-toggle.animate-underline:hover:before{width:100%}}@media screen and (max-width:699px){[data-customiser-mode=customise] .product-info{padding-block-start:24px;border-block-start:1px solid #101820}.hat-customiser__preview{aspect-ratio:2 / 3}.hat-customiser__details-actions{flex:1 1 100%;justify-content:space-between}}@media screen and (max-width:499px){.hat-customiser__details-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hat-customiser__details .hat-customiser__qty,.hat-customiser__details-add{inline-size:auto;min-inline-size:0}.hat-customiser__details .hat-customiser__qty{--quantity-selector-input-width: 100%}}.hat-customiser__engraving{display:grid;row-gap:28px}.hat-customiser__engraving--ruled{border-block-start:1px solid var(--gray-25);padding-block-start:28px}x-tabs.hat-customiser__tabs~.hat-customiser__engraving--ruled{border-block-start:none;padding-block-start:0}.hat-customiser__engraving-head{display:flex;align-items:center;justify-content:space-between;column-gap:12px}.hat-customiser__engraving-meta{display:grid;row-gap:12px}.hat-customiser__engraving-title{font-family:var(--serif-mono-font-family);font-size:var(--text-xxs);line-height:1;color:var(--primary-black);text-transform:uppercase}.hat-customiser__engraving-price{font-size:var(--text-xxxxs);line-height:1;color:var(--gray-70)}.hat-customiser__engraving-field{display:grid;row-gap:8px}.hat-customiser__engraving-labels{display:flex;align-items:baseline;justify-content:space-between;column-gap:12px}.hat-customiser__engraving-label{font-size:var(--text-xxxxxs);line-height:1;color:var(--gray-70)}.hat-customiser__engraving-count{font-size:var(--text-xxxxxs);font-weight:350;line-height:1;color:#0c182080}.hat-customiser__engraving-row{display:flex;align-items:stretch;column-gap:8px}.hat-customiser__engraving-input{flex:1 1 0;min-inline-size:0;min-block-size:44px;padding-block:0;padding-inline:12px;border-color:var(--gray-25);border-radius:0;background-color:var(--primary-white);font-family:var(--serif-font-family);line-height:24px;color:var(--primary-black)}.product-info .hat-customiser__engraving-input{font-size:var(--text-xxxs)}.hat-customiser__engraving-input::placeholder{color:var(--gray-25)}.hat-customiser__engraving-submit{--button-background: 112 38 28;--button-text-color: 255 255 255;flex:0 0 154px;min-block-size:44px;max-block-size:44px;padding-inline:12px;white-space:nowrap;font-size:var(--text-xxxxxs);line-height:24px}.hat-customiser__engraving-submit:disabled{opacity:.5}.hat-customiser__engraving-note{display:grid;row-gap:4px;max-inline-size:327px;font-family:var(--serif-font-family);font-size:var(--text-xxxxs);line-height:1.1;color:#0c182080}.hat-customiser__engraving-note>*{font-size:inherit;line-height:inherit;color:inherit}.hat-customiser__empty-state{display:grid;place-items:center;min-block-size:44px;padding:12px;border:1px solid var(--gray-15);font-family:var(--serif-font-family);font-size:var(--text-xxxxs);line-height:1.25;color:#0c182080;text-align:center}[data-customiser-mode=customise] .hat-customiser-bar[data-summary-open=true]{z-index:2147483637}html[data-customiser-mode=customise]:has(.hat-customiser-bar[data-summary-open=true]) .uwy{display:none!important}.hat-customiser-bar{--button-background: 12 24 32;display:none}[data-customiser-mode=customise] .hat-customiser-bar{display:block;position:fixed;inset-block-end:0;inset-inline:0;z-index:3}[data-customiser-mode=customise] .product-sticky-bar{display:none}.hat-customiser-bar__bar{display:flex;align-items:center;position:relative;z-index:2;gap:12px;padding:11px 20px 12px;background-color:var(--primary-white);border-block-start:1px solid var(--hat-customiser-rule)}.hat-customiser-bar__meta{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.hat-customiser-bar__title{color:var(--primary-black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hat-customiser-bar__total{font-size:13px;line-height:19.5px;color:var(--gray-85);font-variant-numeric:tabular-nums}.hat-customiser-bar__thumbs{display:none;gap:8px}.hat-customiser-bar__thumb{inline-size:44px;block-size:44px}.hat-customiser-bar__thumb img{inline-size:100%;block-size:100%;object-fit:cover}.hat-customiser-bar__toggle{display:flex;flex-direction:column-reverse;align-items:flex-end;align-self:flex-end;gap:8.7px;flex:0 0 auto;font-family:var(--san-serif-font-family);font-size:13px;font-weight:350;line-height:19.5px;color:#0c182080}.hat-customiser-bar__toggle svg{color:var(--primary-black);transform:rotate(180deg)}.hat-customiser-bar__toggle[aria-expanded=true] svg{transform:none}.hat-customiser-bar__submit{--button-text-color: 237 236 232;flex:0 0 auto;min-height:44px;max-height:44px;margin-inline-start:8px;padding-inline:16px;font-size:var(--text-xxxxxs);white-space:nowrap}@media screen and (min-width:700px){.hat-customiser-bar .hat-customiser-bar__bar{padding-inline:48px}.hat-customiser-bar .hat-customiser-bar__title{font-family:var(--serif-mono-font-family);font-size:28px;line-height:32.2px;text-transform:uppercase}.hat-customiser-bar .hat-customiser-bar__thumbs{margin-inline-start:52px}.hat-customiser-bar .hat-customiser-bar__submit{margin-inline-start:28px}.hat-customiser-bar__thumbs{display:flex}.hat-customiser-bar__bar{padding-inline:48px}.hat-customiser-bar__meta{display:contents}.hat-customiser-bar__title{font-family:var(--serif-mono-font-family);font-size:var(--text-l);line-height:1.15;text-transform:uppercase;min-width:0}.hat-customiser-bar__thumbs{margin-inline-end:auto}.hat-customiser-bar__total{order:1}.hat-customiser-bar__submit{inline-size:154px;padding-inline:32px;order:2}.hat-customiser-bar__toggle,.hat-customiser-bar__sheet{display:none}}.hat-customiser-bar__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#10182066}.hat-customiser-bar__sheet{position:relative;z-index:2;max-block-size:60vh;overflow-y:auto;overscroll-behavior:contain;padding:24px 24px 28px;background-color:var(--primary-white);border-block-start:1px solid var(--hat-customiser-rule)}.hat-customiser-bar__sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-block-end:20px}.hat-customiser-bar__sheet .hat-customiser-bar__sheet-title{font-family:var(--serif-mono-font-family);font-size:28.83px;line-height:33.16px;text-transform:uppercase;color:#101820}.hat-customiser-bar__breakdown{display:flex;flex-direction:column;gap:4px;padding-block-end:24px;margin-block-end:16px;border-block-end:1px solid var(--hat-customiser-rule)}.hat-customiser-bar__breakdown-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-family:var(--san-serif-font-family);font-size:14.22px;line-height:17.78px;font-weight:400;color:#101820d9;font-variant-numeric:tabular-nums}.hat-customiser-bar__breakdown-label{font-weight:350;color:#101820b3}.hat-customiser-bar__sheet-label{margin:0 0 16px;font-family:var(--serif-mono-font-family);font-size:14px;line-height:16.1px;text-transform:uppercase;color:#101820}.hat-customiser-bar__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.hat-customiser-bar__list-item{display:flex;align-items:center;gap:8px}.hat-customiser-bar__list-image{flex:0 0 auto;inline-size:40px;block-size:40px;object-fit:cover}.hat-customiser-bar__list-text{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;font-family:var(--serif-font-family);font-size:14px;line-height:16.8px;color:#101820b3}.hat-customiser-bar__list-sub{font-family:var(--san-serif-font-family);font-size:12px;line-height:14.4px;color:#10182080}.hat-customiser-bar__list-price{flex:0 0 auto;font-family:var(--san-serif-font-family);font-size:12px;line-height:14.4px;font-weight:350;color:#101820b3;font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/359/assets/hat-customiser.css.map */