.site-header .brand{position:relative;overflow:visible!important}.seasonal-drips,.seasonal-info,.seasonal-tooltip{display:none}[data-season-active=halloween] .seasonal-drips{display:block;position:absolute;left:0;top:calc(100% - 2px);width:100%;height:auto;overflow:visible;pointer-events:none;z-index:3;fill:currentColor;stroke:none}.seasonal-drips path{transform-box:fill-box;transform-origin:center top;animation:ub-season-drip 7s ease-in-out infinite alternate}.seasonal-drips path:nth-child(2n){animation-delay:-3s}.seasonal-drips path:nth-child(3n){animation-delay:-5s}@keyframes ub-season-drip{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}[data-season-active=halloween] .seasonal-tooltip{display:block;position:absolute;z-index:100;left:var(--season-tooltip-left,20px);top:var(--season-tooltip-top,80px);width:max-content;max-width:min(270px,calc(100vw - 32px));padding:11px 14px;border-radius:12px;background:#242420;color:#fff;font-size:12px;line-height:1.45;font-weight:400;letter-spacing:0;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 5px 20px #0002}[data-season-active=halloween] .header-shell:has(.brand:focus-visible) .seasonal-tooltip,[data-season-active=halloween] .header-shell.is-season-info-open .seasonal-tooltip{opacity:1;visibility:visible;transform:none}@media(hover:hover){[data-season-active=halloween] .header-shell:has(.brand:hover) .seasonal-tooltip{opacity:1;visibility:visible;transform:none}}@media(max-width:767px),(hover:none){[data-season-active=halloween] .seasonal-info{display:grid;place-items:center;position:absolute;left:var(--season-info-left,50%);top:var(--season-info-top,40px);width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#f57a1f;z-index:5}.seasonal-info svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6}.seasonal-tooltip{font-size:11px!important}}@media(prefers-reduced-motion:reduce){.seasonal-drips path{animation:none;transform:none}.seasonal-tooltip{transition:none!important}}.seasonal-art,.seasonal-filter{display:none!important}[data-season-active=halloween] .brand>img:first-child{visibility:hidden}[data-season-active=halloween] .brand>.seasonal-art{display:block!important;position:absolute;left:0;top:50%;width:100%;height:auto;max-height:none;transform:translateY(-44%);pointer-events:none;filter:url(#ub-haunted-ink)}[data-season-active=halloween] .seasonal-filter{display:block!important;position:absolute;pointer-events:none}[data-season-active=halloween] .seasonal-tooltip{padding:12px 18px;min-width:160px;display:flex;flex-direction:column;align-items:center;gap:3px;border-radius:10px;line-height:1.3;font-size:12px}.seasonal-tooltip strong{font-size:13px;font-weight:650;letter-spacing:0}.seasonal-tooltip span{font-size:11px;color:#e4ded3}@media(prefers-reduced-motion:reduce){[data-season-active=halloween] .brand>.seasonal-art{filter:none}}body .site-header[data-season-active=halloween] .brand>.seasonal-art{left:50%!important;transform:translate(-50%,-44%);filter:url(#ub-haunted-ink)!important;max-width:none!important}@media(min-width:1400px){body .site-header[data-season-active=halloween] .header-shell .brand,body .site-header[data-season-active=halloween] .header-shell .brand>img{width:210px!important}}@media(max-width:767px){body .site-header[data-season-active=halloween] .brand>.seasonal-art{width:min(100%,224px)!important}.site-header[data-season-active=halloween] .seasonal-info{left:auto!important;right:1px;top:auto!important;bottom:-12px;width:24px;height:24px;background:#fff;border:1px solid #eee5da}.site-header[data-season-active=halloween] .seasonal-tooltip{left:50%!important;top:calc(100% + 14px)!important;transform:translate(-50%,-3px)}.site-header[data-season-active=halloween] .header-shell.is-season-info-open .seasonal-tooltip{transform:translate(-50%)}}[data-season-active=halloween] .brand:before,[data-season-active=halloween] .brand:after{content:"";position:absolute;top:calc(50% + 19px);width:3px;height:8px;border-radius:45% 45% 50% 50%;pointer-events:none;background:#111;left:24%;animation:ub-ink-drop 5s ease-in infinite;z-index:4}[data-season-active=halloween] .brand:after{left:81%;background:#f57a1f;animation-delay:-2.4s}@keyframes ub-ink-drop{0%,30%{transform:translateY(0) scaleY(.5);opacity:0}40%{opacity:1;transform:translateY(0) scaleY(1)}80%{opacity:1;transform:translateY(18px) scaleY(1.2)}to{opacity:0;transform:translateY(24px) scaleY(.6)}}@media(prefers-reduced-motion:reduce){body .site-header[data-season-active=halloween] .brand>.seasonal-art{filter:none!important}[data-season-active=halloween] .brand:before,[data-season-active=halloween] .brand:after{animation:none;display:none}}[data-season-active=halloween] .brand:before,[data-season-active=halloween] .brand:after{display:none!important}body .site-header[data-season-active=halloween] .brand>.seasonal-art:not(.seasonal-melt){-webkit-mask-image:linear-gradient(#000 62%,transparent 76%);mask-image:linear-gradient(#000 62%,transparent 76%)}body .site-header[data-season-active=halloween] .brand>.seasonal-melt{-webkit-mask-image:linear-gradient(transparent 59%,#000 69%);mask-image:linear-gradient(transparent 59%,#000 69%);transform-origin:50% 64%;animation:ub-connected-melt 6s ease-in-out infinite!important}@keyframes ub-connected-melt{0%,to{transform:translate(-50%,-44%) scaleY(1)}50%{transform:translate(-50%,-44%) scaleY(1.48)}}@media(max-width:767px){body .site-header .header-shell{grid-template-columns:36px 36px minmax(0,1fr) 36px 36px!important}body .site-header .header-actions :is(a,button){width:36px!important;min-width:0!important;height:44px!important}.site-header[data-season-active=halloween] .seasonal-info,.site-header[data-season-active=halloween] .seasonal-tooltip{display:none!important}}@media(prefers-reduced-motion:reduce){body .site-header[data-season-active=halloween] .brand>.seasonal-melt{animation:none!important;transform:translate(-50%,-44%)!important}}@media(max-width:767px){body .site-header .header-shell .header-actions :is([data-menu-trigger],[data-search-trigger],[data-header-account],.bag-action){width:36px!important;min-width:36px!important;max-width:36px!important;height:44px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/seasonal-brand.css.map */
