.m-sha{position:relative;overflow:hidden;background:var(--_m-sha-bg, #1b1c1c)}.m-sha__showcase{position:relative;overflow:hidden;width:100%;aspect-ratio:390 / 750;height:calc(100vh - 36px - env(safe-area-inset-bottom))}@media(min-width:768px){.m-sha__showcase{aspect-ratio:1440 / 960}}.m-sha__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--_m-sha-overlay, linear-gradient(180deg, #1b1c1c 0%, #cacaca 100%));z-index:1;display:block!important;pointer-events:none}.m-sha__text-layer{position:absolute;bottom:calc(45% + min(340px,70vw)*.55 + 16px);left:0;right:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;pointer-events:none}.m-sha__eyebrow{margin-bottom:10px;overflow:hidden;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em;font-family:var(--typography-family-Display);color:var(--_m-sha-content-color, #cacaca)}.m-sha__title{margin:0;overflow:hidden;white-space:nowrap;text-transform:uppercase;line-height:.88;letter-spacing:-.03em;font-size:clamp(36px,12vw,72px);color:var(--_m-sha-content-color, #cacaca);font-family:var(--typography-family-Display)}.m-sha__char{display:inline-block;opacity:0;transform:translateY(100%)}.m-sha__hat-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.m-sha__hat{position:absolute;top:55%;width:min(340px,70vw);height:min(340px,70vw);object-fit:contain;filter:drop-shadow(20px 30px 40px rgba(0,0,0,.35)) drop-shadow(80px 70px 60px rgba(0,0,0,.2));will-change:transform}.m-sha__hat-name{position:absolute;top:0;left:0;z-index:3;font-size:12px;font-weight:700;font-family:var(--typography-family-Display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:auto;color:#1b1c1c;cursor:pointer;padding:8px 18px;border:1px solid rgba(27,28,28,.1);background:transparent;transition:background .3s cubic-bezier(.625,.05,0,1),color .3s cubic-bezier(.625,.05,0,1),border-color .3s cubic-bezier(.625,.05,0,1);will-change:transform,opacity;text-decoration:none}.m-sha__hat-name:hover{background:#1b1c1c;border-color:#1b1c1c;color:#fff}.m-sha__hat-name.is-disabled{cursor:default}.m-sha__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}.m-sha__tags-wrap{position:absolute;bottom:24px;left:0;right:0;height:40px;overflow:visible;z-index:6}.m-sha__tags-track{display:flex;align-items:center;gap:0;height:100%;will-change:transform}.m-sha__tag{flex-shrink:0;position:relative;padding:6px 12px;white-space:nowrap;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700;letter-spacing:.08em;color:#1b1c1c1a;border:1px solid rgba(27,28,28,.1);border-radius:0;cursor:pointer;pointer-events:auto;transition:color .5s ease,border-color .5s ease,background .5s ease}.m-sha__tag.active{color:#1b1c1c;border-color:#1b1c1c;background:transparent;z-index:1;margin-left:-1px}.m-sha__tag.hovered{color:#1b1c1c;border-color:#1b1c1c;background:transparent;z-index:2}.m-sha__tag-pills{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding-bottom:8px;pointer-events:none;z-index:10}.m-sha__tag.hovered .m-sha__tag-pills{pointer-events:auto}.m-sha__tag-pill{padding:8px 18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1b1c1c;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;white-space:nowrap;cursor:pointer;text-decoration:none;opacity:0;transform:translateY(8px)}.m-sha__tag-pill:hover{background:#1b1c1c;color:#fff}@media(min-width:768px){.m-sha__text-layer{bottom:calc(45% + min(420px,55vw)*.55 + 16px)}.m-sha__eyebrow{margin-bottom:12px;font-size:16px}.m-sha__title{font-size:clamp(48px,10vw,120px)}.m-sha__hat{width:min(420px,55vw);height:min(420px,55vw)}.m-sha__hat-name{font-size:16px}.m-sha__tags-wrap{bottom:40px;height:52px}.m-sha__tag{padding:8px 18px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/4920/assets/section-silhouettes-hero-animation.css.map */