.mobile-category{--mc-bg: var(--color-background, var(--color-base-background));--mc-fg: var(--color-foreground, var(--color-base-text));--mc-line: #d9d9d9;overflow:hidden;background:rgb(var(--mc-bg))}.mobile-category__nav-wrap{position:relative}.mobile-category__nav-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--mc-line)}.mobile-category__nav{position:relative;z-index:1;display:flex;align-items:stretch;padding-inline:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-category__nav::-webkit-scrollbar{display:none}.mobile-category__tab{position:relative;flex:1 0 auto;--mc-tab-pad: 12px;--mc-tab-pad-y: 10px;min-width:80px;padding:var(--mc-tab-pad-y) var(--mc-tab-pad);margin:0;background:transparent;border:1px solid transparent;border-bottom:0;border-radius:20px 20px 0 0;color:rgb(var(--mc-fg));font:inherit;font-weight:500;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-category__tab-name{position:relative;display:block;font-size:.875rem;line-height:1.4;white-space:nowrap}.mobile-category__tab.is-active{background:rgb(var(--mc-bg));border-color:var(--mc-line);z-index:2}.mobile-category__tab.is-active:before,.mobile-category__tab.is-active:after,.mobile-category__tab.is-active .mobile-category__tab-name:before,.mobile-category__tab.is-active .mobile-category__tab-name:after{content:"";position:absolute;width:20px;height:20px;pointer-events:none;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.mobile-category__tab.is-active:before,.mobile-category__tab.is-active:after{bottom:0;z-index:2;background-color:var(--mc-line);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M19.5 0A19.5 19.5 0 0 1 0 19.5' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M19.5 0A19.5 19.5 0 0 1 0 19.5' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E")}.mobile-category__tab.is-active:before{left:-20px}.mobile-category__tab.is-active:after{right:-20px;transform:scaleX(-1)}.mobile-category__tab.is-active .mobile-category__tab-name:before,.mobile-category__tab.is-active .mobile-category__tab-name:after{bottom:calc(-1 * var(--mc-tab-pad-y));z-index:1;background-color:rgb(var(--mc-bg));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 0A20 20 0 0 1 0 20H20Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 0A20 20 0 0 1 0 20H20Z' fill='%23000'/%3E%3C/svg%3E")}.mobile-category__tab.is-active .mobile-category__tab-name:before{left:calc(-1 * (var(--mc-tab-pad) + 20px))}.mobile-category__tab.is-active .mobile-category__tab-name:after{right:calc(-1 * (var(--mc-tab-pad) + 20px));transform:scaleX(-1)}.mobile-category__panel{padding-top:.9375rem}.mobile-category__panel[hidden]{display:none}.mobile-category__thumbs{display:flex;gap:var(--mc-thumb-gap, 14px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.mobile-category__thumbs::-webkit-scrollbar{display:none}.mobile-category__thumb{flex:0 0 var(--mc-thumb-size, 72px);display:block;text-decoration:none;color:inherit;scroll-snap-align:start}.mobile-category__thumb-media{display:block;position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--mc-thumb-radius)}.mobile-category__thumb-media img,.mobile-category__thumb-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mobile-category__thumb-label{overflow-wrap:anywhere;display:block;margin-top:.5rem;font-family:var(--font-heading-family);font-size:.6875rem;line-height:1.3;text-align:center;color:rgb(var(--mc-fg))}.mobile-category__thumb-label:empty{display:none}.mobile-category__banner{position:relative;width:100%;min-height:var(--mc-banner-height);margin-top:1.25rem;border-radius:var(--mc-banner-radius);overflow:hidden;background:rgb(var(--mc-fg) / .06)}.mobile-category__banner-media{position:absolute;top:0;right:0;bottom:0;left:0}.mobile-category__banner-media picture{display:block;width:100%;height:100%}.mobile-category__banner-media img,.mobile-category__banner-media svg{width:100%;height:100%;object-fit:cover;display:block}.mobile-category__banner-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mc-overlay, none);pointer-events:none}.mobile-category__content{position:relative;z-index:1;display:flex;flex-direction:column;min-height:var(--mc-banner-height);padding:2.188rem 1.25rem;color:rgb(var(--mc-text, 255 255 255))}.mobile-category__content-inner{max-width:640px;display:flex;flex-direction:column;gap:.75rem;width:100%}.mobile-category__content-inner .button{align-self:inherit}.mobile-category__content--top-left,.mobile-category__content--middle-left,.mobile-category__content--bottom-left{align-items:flex-start;text-align:left}.mobile-category__content--top-center,.mobile-category__content--middle-center,.mobile-category__content--bottom-center{align-items:center;text-align:center}.mobile-category__content--top-right,.mobile-category__content--middle-right,.mobile-category__content--bottom-right{align-items:flex-end;text-align:right}.mobile-category__content--top-left,.mobile-category__content--top-center,.mobile-category__content--top-right{justify-content:flex-start}.mobile-category__content--middle-left,.mobile-category__content--middle-center,.mobile-category__content--middle-right{justify-content:center}.mobile-category__content--bottom-left,.mobile-category__content--bottom-center,.mobile-category__content--bottom-right{justify-content:flex-end}.mobile-category__content--top-left .mobile-category__content-inner,.mobile-category__content--middle-left .mobile-category__content-inner,.mobile-category__content--bottom-left .mobile-category__content-inner{align-items:flex-start}.mobile-category__content--top-center .mobile-category__content-inner,.mobile-category__content--middle-center .mobile-category__content-inner,.mobile-category__content--bottom-center .mobile-category__content-inner{align-items:center}.mobile-category__content--top-right .mobile-category__content-inner,.mobile-category__content--middle-right .mobile-category__content-inner,.mobile-category__content--bottom-right .mobile-category__content-inner{align-items:flex-end}.mobile-category__heading{margin:0;font-family:var(--font-heading-family);font-weight:500;line-height:1.15;color:inherit}.mobile-category__heading--small{font-size:1.375rem}.mobile-category__heading--medium{font-size:1.875rem}.mobile-category__heading--large{font-size:2.375rem}.mobile-category__heading em{font-style:normal;color:rgb(var(--mc-highlight, 255 213 79))}.mobile-category__description{margin:0;font-size:.875rem;line-height:1.5;color:inherit}.mobile-category .page-width{padding-inline:.75rem}@supports (color: color-mix(in srgb,red,blue)){.mobile-category{--mc-line: color-mix(in srgb, rgb(var(--mc-fg)) 18%, rgb(var(--mc-bg)))}}@media screen and (min-width:768px){.mobile-category__nav-wrap,.mobile-category .mobile-category__panels.page-width{max-width:var(--mc-max, 1200px);margin-inline:auto}.mobile-category .mobile-category__panels.page-width{padding-inline:1.25rem}.mobile-category__nav{justify-content:safe center}.mobile-category__tab{--mc-tab-pad: 28px;flex:0 0 auto;min-width:120px;--mc-tab-pad-y: 14px}.mobile-category__tab-name{font-size:1rem}.mobile-category__panel{padding-top:2rem}.mobile-category__thumbs{justify-content:safe center}.mobile-category__thumb{flex:0 0 var(--mc-thumb-size-lg, 120px)}.mobile-category__thumb-label{font-size:.875rem;margin-top:.625rem}.mobile-category__banner{margin-top:2.5rem;min-height:var(--mc-banner-height-lg, 520px)}.mobile-category__content{min-height:var(--mc-banner-height-lg, 520px);padding:3.5rem 3rem}.mobile-category__heading--small{font-size:1.75rem}.mobile-category__heading--medium{font-size:2.5rem}.mobile-category__heading--large{font-size:3.5rem}.mobile-category__description{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/mobile-category.css.map */