media-gallery.has-zone-discovery{position:relative}.product__zone-discovery.product__design-studio,.product__zone-discovery.product__design-studio:not(.is-previewing){z-index:6;pointer-events:none}.product__zone-discovery .product__design-zone-shell{min-width:0;min-height:0}.product__zone-discovery .product__design-zone{--product-design-zone-outline-color: rgb(255 255 255 / 10%);--product-design-grid-line-color: rgb(255 255 255 / 10%);--product-design-grid-halo: none;--product-discovery-zone-fill: transparent;--product-discovery-grid-opacity: 1;border:1px solid var(--product-design-zone-outline-color);background:var(--product-discovery-zone-fill);box-shadow:none;color:#24252a;opacity:0;cursor:default;transition:opacity .18s ease,background .18s ease}.product__zone-discovery .product__design-zone.has-zone-parts{border:0;background:transparent}.product__zone-discovery .product__design-zone-shape-fill{fill:var(--product-discovery-zone-fill);transition:fill .18s ease}.product__zone-discovery .product__design-zone.has-zone-parts .product__design-zone-shape-stroke{stroke:var(--product-design-zone-outline-color);stroke-width:1;stroke-dasharray:none}.product__zone-discovery .product__design-zone-grid{background-image:linear-gradient(to right,transparent calc(100% / 3 - .5px),var(--product-design-grid-line-color) calc(100% / 3 - .5px),var(--product-design-grid-line-color) calc(100% / 3 + .5px),transparent calc(100% / 3 + .5px),transparent calc(200% / 3 - .5px),var(--product-design-grid-line-color) calc(200% / 3 - .5px),var(--product-design-grid-line-color) calc(200% / 3 + .5px),transparent calc(200% / 3 + .5px)),linear-gradient(to bottom,transparent calc(100% / 3 - .5px),var(--product-design-grid-line-color) calc(100% / 3 - .5px),var(--product-design-grid-line-color) calc(100% / 3 + .5px),transparent calc(100% / 3 + .5px),transparent calc(200% / 3 - .5px),var(--product-design-grid-line-color) calc(200% / 3 - .5px),var(--product-design-grid-line-color) calc(200% / 3 + .5px),transparent calc(200% / 3 + .5px))}.product__zone-discovery .product__design-zone-shape-grid{stroke-width:1}.product__zone-discovery .product__design-zone:not(.has-zone-parts)>.product__design-zone-grid,.product__zone-discovery .product__design-zone-shape-grid{opacity:var(--product-discovery-grid-opacity);transition:opacity .18s ease}.product__zone-discovery .product__design-zone-shape-active-part{display:none}.product__zone-discovery.is-single-zone .product__design-zone,.product__zone-discovery.is-active-zone .product__design-zone{opacity:1}.product__zone-discovery.is-pointer-over .product__design-zone,.product__zone-discovery.is-view-preview .product__design-zone,.product__zone-discovery .product__design-zone-shell:hover .product__design-zone,.product__zone-discovery .product__design-zone:has(.product__zone-add:focus-visible){--product-discovery-zone-fill: rgb(128 128 128 / 18%);opacity:1}.product__zone-discovery.has-zone-artwork .product__design-zone-shell,.product__zone-discovery.has-zone-artwork .product__design-zone{pointer-events:none}.product__zone-add{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;box-sizing:border-box;width:36px;height:36px;min-width:36px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#27282d;box-shadow:none;transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;transition:transform .16s ease}.product__zone-add:before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;box-sizing:border-box;border:1px solid rgb(27 29 35 / 10%);border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000001a;transform:translate(-50%,-50%);transition:box-shadow .16s ease}.product__zone-add svg,.product__zone-entry svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.product__zone-add svg{position:relative;width:11px;height:11px;stroke-width:2;pointer-events:none}.product__zone-add:hover{transform:translate(-50%,-50%) scale(1.04)}.product__zone-add:hover:before{box-shadow:0 2px 6px #00000026}.product__zone-add:active{transform:translate(-50%,-50%) scale(.96)}.product__zone-add:focus-visible{outline:2px solid #24252a;outline-offset:4px}.product__zone-discovery.has-zone-artwork .product__zone-add{left:100%;top:0}media-gallery.is-zone-entry-open .product__zone-discovery{visibility:hidden}media-gallery.is-zone-entry-open .product__design-studio:not(.product__zone-discovery){pointer-events:none}.product__zone-entry{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;isolation:isolate;color:#25262b;text-align:left}.product__zone-entry-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;animation:product-zone-entry-fade .22s ease both}.product__zone-entry-panel{position:absolute;left:50%;top:calc(50% - 36px);width:min(700px,calc(100% - 48px));border-radius:36px;background:#fff;box-shadow:0 12px 48px #00000026;transform:translate(-50%);animation:product-zone-entry-open .42s cubic-bezier(.22,1,.36,1) both;transition:width .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1),top .22s ease}.product__zone-entry-panel:has([data-brand-suggestions-open=true]){border-radius:28px}.product__zone-entry-panel:focus{outline:none}.product__zone-entry[data-zone-entry-state=menu] .product__zone-entry-panel{width:min(300px,calc(100% - 48px));border-radius:20px}.product__zone-entry-menu{animation:product-zone-entry-content .42s cubic-bezier(.22,1,.36,1) both;display:grid;gap:4px;padding:10px}.product__zone-entry-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;border:0;border-radius:12px;padding:12px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;text-align:left}.product__zone-entry-menu button:hover{background:#f3f3f3}.product__zone-entry-menu button span{flex:1}.product__zone-entry-menu button>svg{width:20px;height:20px;flex:0 0 20px}.product__zone-entry-menu button>svg:last-child{width:16px;height:16px;flex-basis:16px}.product__zone-entry-navigation{position:absolute;bottom:calc(100% + 12px);left:0;right:0;display:flex;justify-content:space-between}.product__zone-entry-navigation button,.product__zone-entry-dismiss{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:#fff;color:#25262b;cursor:pointer}.product__zone-entry-dismiss{position:absolute;right:0;bottom:calc(100% + 12px)}.product__zone-entry-navigation svg,.product__zone-entry-dismiss svg{width:20px;height:20px}.product__zone-entry form{position:relative;margin:0}.product__zone-entry-search{animation:product-zone-entry-content .42s cubic-bezier(.22,1,.36,1) both;display:flex;align-items:center;gap:16px;height:72px;padding:12px 14px 12px 26px}.product__zone-entry-search>svg{flex:0 0 24px;color:#84868c}.product__zone-entry-search input{flex:1;min-width:0;width:100%;height:48px;margin:0;padding:0;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;color:#25262b;font:inherit;font-size:17px;line-height:1.4}.product__zone-entry-search input::placeholder{color:#9b9ca3;opacity:1}.product__zone-entry-search button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;margin:0;border:0;border-radius:50%;background:#f2f2f3;color:#26272c;cursor:pointer}.product__zone-entry-search button:hover{background:#e6e6e8}.product__zone-entry button:focus-visible{outline:2px solid #27282c;outline-offset:3px}.product__zone-entry form[aria-busy=true] .product__zone-entry-search button{opacity:.5;cursor:progress}.product__zone-entry-suggestions{height:var(--zone-suggestions-height, 0px);overflow:hidden;transition:height .42s cubic-bezier(.22,1,.36,1);border-radius:0 0 28px 28px}.product__zone-entry .brand-catalog-suggestions{position:relative;inset:auto!important;padding:0 12px 12px;margin:0;width:100%;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.product__zone-entry .brand-catalog-suggestions[hidden]{display:none}.product__zone-entry .brand-catalog-suggestions>ul{margin:0;padding:0;list-style:none;max-height:min(340px,max(80px,calc(var(--zone-entry-available-height, 460px) - 84px)));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.product__zone-entry .brand-catalog-site-option{display:flex;align-items:center;gap:14px;min-height:62px;padding:9px 12px;border-radius:14px;cursor:pointer}.product__zone-entry .brand-catalog-site-option:is(:hover,[aria-selected=true]){background:#f4f4f5}.product__zone-entry .brand-catalog-site-option__icon{flex-basis:36px;width:36px;height:36px;border-radius:10px}.product__zone-entry .brand-catalog-site-option__name{font-size:15px;font-weight:500}.product__zone-entry .brand-catalog-site-option__domain{font-size:13px}.product__zone-entry-status{margin:0;padding:0 24px 20px;color:#73757e;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.product__zone-entry-status.is-error{color:#a53232}@keyframes product-zone-entry-open{0%{opacity:0;transform:translate(-50%,10px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes product-zone-entry-content{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes product-zone-entry-fade{0%{opacity:0}to{opacity:1}}@media(hover:none),(pointer:coarse){.product__zone-discovery .product__design-zone{opacity:1}.product__zone-add{width:44px;height:44px}.product__zone-add:before{width:22px;height:22px}}@media(max-width:749px){.product__zone-entry-panel{width:calc(100% - 24px)}.product__zone-entry-search{gap:10px;height:64px;padding:10px 10px 10px 18px}.product__zone-entry-search input{font-size:16px}.product__zone-entry-search>svg{width:20px;height:20px;flex-basis:20px}.product__zone-entry-search button{width:40px;height:40px;flex-basis:40px}}@media(prefers-reduced-motion:reduce){.product__zone-entry-backdrop,.product__zone-entry-panel,.product__zone-entry-search,.product__zone-entry-menu{animation:none}.product__zone-entry-panel,.product__zone-entry-suggestions,.product__zone-add,.product__zone-discovery .product__design-zone{transition:none}.product__zone-add:before,.product__zone-discovery .product__design-zone-grid,.product__zone-discovery .product__design-zone-shape-grid,.product__zone-discovery .product__design-zone-shape-fill,.product__zone-discovery .product__design-zone-shape-stroke{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/368/assets/component-product-zone-interactions.css.map */