:root{--depth-rgb: 34 35 33;--depth-1: 0 1px 2px rgb(var(--depth-rgb) / 8%), 0 2px 6px rgb(var(--depth-rgb) / 6%);--depth-2: 0 1px 2px rgb(var(--depth-rgb) / 6%), 0 4px 10px rgb(var(--depth-rgb) / 7%), 0 12px 24px -8px rgb(var(--depth-rgb) / 10%);--depth-3: 0 2px 4px rgb(var(--depth-rgb) / 6%), 0 10px 20px rgb(var(--depth-rgb) / 9%), 0 24px 40px -12px rgb(var(--depth-rgb) / 16%);--depth-4: 0 4px 8px rgb(var(--depth-rgb) / 6%), 0 16px 32px rgb(var(--depth-rgb) / 12%), 0 40px 80px -16px rgb(var(--depth-rgb) / 24%);--depth-inset: inset 0 1px 2px rgb(var(--depth-rgb) / 7%);--depth-highlight: inset 0 1px 0 rgb(255 255 255 / 14%);--glass-radius: 20px;--glass-padding: 8px;--glass-fill: linear-gradient(145deg, rgb(255 255 255 / 62%), rgb(255 255 255 / 20%) 55%, rgb(255 255 255 / 34%));--glass-fill-solid: rgb(251 248 242 / 92%);--glass-edge: rgb(255 255 255 / 72%);--glass-blur: blur(18px) saturate(170%);--glass-rim: inset 0 1px 0 rgb(255 255 255 / 90%), inset 0 -1px 0 rgb(var(--depth-rgb) / 6%), inset 0 0 18px rgb(255 255 255 / 22%);--pop-ease: cubic-bezier(.22, 1, .36, 1)}@media screen and (max-width:749px){:root{--glass-radius: 14px;--glass-padding: 6px}}:root:root{--shadow-popover: var(--depth-4)}:is(.product-grid,.resource-list):has(.product-card){position:relative;isolation:isolate}:is(.product-grid,.resource-list):has(.product-card):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(36% 40% at 26% 30%,rgb(255 255 255 / 85%),transparent 70%),radial-gradient(36% 42% at 74% 68%,rgb(185 181 171 / 55%),transparent 70%),radial-gradient(30% 34% at 60% 26%,rgb(214 196 160 / 36%),transparent 70%)}.product-card{padding:var(--glass-padding);border:1px solid var(--glass-edge);border-radius:var(--glass-radius);background:var(--glass-fill-solid);box-shadow:var(--glass-rim),var(--depth-2);transition:box-shadow .35s var(--pop-ease),translate .35s var(--pop-ease),border-color .35s var(--pop-ease)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.product-card{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}}.product-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 70% at 0% 0%,rgb(255 255 255 / 55%),transparent 60%)}.product-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgb(255 255 255 / 38%) 50%,transparent 58%) no-repeat;background-size:260% 100%;background-position:130% 0;opacity:0}.product-card .card-gallery{border-radius:calc(var(--glass-radius) - var(--glass-padding));box-shadow:0 1px 2px rgb(var(--depth-rgb) / 10%)}.product-card .product-grid__card>:not(.card-gallery){padding-inline:calc(var(--glass-padding) * .75)}.product-card .product-grid__card>:last-child:not(.card-gallery){padding-block-end:calc(var(--glass-padding) * .75)}@media(any-pointer:fine){.product-card:hover{border-color:#fffffff2;box-shadow:var(--glass-rim),var(--depth-3)}}@media(any-pointer:fine)and (prefers-reduced-motion:no-preference){.product-card:hover{translate:0 -4px}.product-card:hover:after{opacity:1;background-position:-30% 0;transition:background-position .9s var(--pop-ease),opacity .2s linear}}.product-badges__badge{box-shadow:var(--depth-1)}.button:not(.button-secondary,.button-unstyled),button.shopify-payment-button__button--unbranded{box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color),var(--depth-highlight),var(--depth-1)}@media(any-pointer:fine){.button:not(.button-secondary,.button-unstyled):hover:not(:disabled,[aria-disabled=true]),button.shopify-payment-button__button--unbranded:hover:not(:disabled){box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color),var(--depth-highlight),var(--depth-2)}}.button:not(.button-secondary,.button-unstyled):active:not(:disabled,[aria-disabled=true]),button.shopify-payment-button__button--unbranded:active:not(:disabled){box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color),inset 0 2px 4px #00000038}.button:not(.button-secondary,.button-unstyled):disabled,.button:not(.button-secondary,.button-unstyled)[aria-disabled=true]{box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color)}.button-secondary:active:not(:disabled,[aria-disabled=true]){box-shadow:inset 0 0 0 var(--button-border-width) var(--button-border-color),var(--depth-inset)}.field__input{box-shadow:var(--input-box-shadow),var(--depth-inset)}.field__input:focus{box-shadow:var(--input-box-shadow-focus),0 0 0 4px rgb(var(--depth-rgb) / 8%)}.quantity-selector{box-shadow:var(--depth-inset)}.variant-option--buttons .variant-option__button-label{box-shadow:var(--depth-1)}.variant-option--buttons .variant-option__button-label:has(:checked){box-shadow:var(--depth-2)}.header[data-sticky-state=active]{box-shadow:0 1px rgb(var(--depth-rgb) / 6%),0 10px 24px -14px rgb(var(--depth-rgb) / 28%)}.theme-drawer__dialog[open]{box-shadow:0 0 60px rgb(var(--depth-rgb) / 22%)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.theme-drawer__dialog{background-color:rgb(var(--color-background-rgb) / 78%);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}}.quick-add-modal{box-shadow:var(--depth-4)}.cart-drawer__summary{box-shadow:0 -14px 24px -18px rgb(var(--depth-rgb) / 22%)}@keyframes tradeside-pop-in{0%{opacity:0;translate:0 32px;scale:.94}}@keyframes tradeside-rise-in{0%{opacity:0;translate:0 24px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html:not(.shopify-design-mode) :is(.product-grid__item,.resource-list__item){animation:tradeside-pop-in var(--pop-ease) both;animation-timeline:view();animation-range:entry 0 entry 260px}html:not(.shopify-design-mode) :is(.product-grid__item,.resource-list__item):nth-child(4n+2){animation-range:entry 30px entry 290px}html:not(.shopify-design-mode) :is(.product-grid__item,.resource-list__item):nth-child(4n+3){animation-range:entry 60px entry 320px}html:not(.shopify-design-mode) :is(.product-grid__item,.resource-list__item):nth-child(4n+4){animation-range:entry 90px entry 350px}html:not(.shopify-design-mode) .content-for-layout>.shopify-section:not(:first-child) :is(.text-block,.button,.button-secondary,.accordion):not(.product-card *,.product-details *,.resource-list__item *,.product-grid__item *){animation:tradeside-rise-in var(--pop-ease) both;animation-timeline:view();animation-range:entry 0 entry 200px}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/tradeside-depth.css.map */