@supports (padding-top: max(0px)){@supports not (padding-top: env(safe-area-inset-top)){:root{--safe-area-top: 12px;--safe-area-right: 12px;--safe-area-bottom: 12px;--safe-area-left: 12px}}}:root{--safe-area-top: max(12px, env(safe-area-inset-top));--safe-area-right: max(12px, env(safe-area-inset-right));--safe-area-bottom: max(12px, env(safe-area-inset-bottom));--safe-area-left: max(12px, env(safe-area-inset-left))}@supports (padding: max(0px)){header,[role=banner],.header,nav{padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.floating-buttons,[data-floating-btn],.back-to-top{padding-bottom:var(--safe-area-bottom)}[style*="position: sticky"],[position=sticky]{padding-top:max(0px,var(--safe-area-top))}.modal,[role=dialog],.drawer{left:var(--safe-area-left);right:var(--safe-area-right)}}@media(max-width:768px){.product-card,.collection-card,.article-card{contain:layout style paint}.image-wrapper,.media-wrapper,[class*=image]{contain:layout style}.product-list li,.collection-grid li,[role=listitem]{contain:layout style paint}.form-group,.field,input:not([type=hidden]),textarea,select{contain:layout}[class*=animate],[class*=slide],[class*=fade]{contain:paint;will-change:transform,opacity}.modal,.drawer,[role=dialog],.popover{contain:content}}@media(hover:none)and (pointer:coarse){html,body{-webkit-overflow-scrolling:touch}[class*=scroll],.drawer-content,.modal-content,[role=dialog]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}a,button,[role=button]{padding:max(8px,calc(var(--safe-area-left) / 2)) max(12px,calc(var(--safe-area-right) / 2));min-height:44px;min-width:44px}nav a,.nav-link{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 30px rgba(var(--color-background),1) inset!important;background-color:rgb(var(--color-background))!important}}@media(max-height:500px){header,nav{padding-top:max(8px,env(safe-area-inset-top))}:root{--safe-area-top: max(8px, env(safe-area-inset-top));--safe-area-bottom: max(8px, env(safe-area-inset-bottom))}}@media(-webkit-min-device-pixel-ratio:3),(min-resolution:300dpi){[class*=card],[class*=item],[class*=tile]{contain:strict}}@media(hover:none)and (pointer:coarse){*:hover{transition:none}input,select,textarea{font-size:16px;-webkit-user-select:text;-webkit-text-fill-color:currentColor}.scrollable,[class*=scroll],.modal,.drawer{-webkit-overflow-scrolling:touch}input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}select{-webkit-user-select:none;user-select:none;-webkit-text-fill-color:currentColor;background:#fff;color:rgb(var(--color-foreground))}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/mobile-notch-safe-area.css.map */
