@property --sms-ann-reveal{syntax: "<number>"; inherits: true; initial-value: 1;}.sms-announcement-section{flex:0 0 auto;min-width:0;position:relative;z-index:calc(var(--layer-menu-drawer, 18) - 1)}.sms-announcement-section:has(.sms-announcement[data-scroll-effect=true]){clip-path:inset(calc(-1 * var(--sms-ann-header-gap, 10px)) -64px -80px -64px);overflow-anchor:none;contain:layout style;transition:height var(--sms-ann-motion-duration, .3s) cubic-bezier(.25,.1,.25,1)}.sms-announcement-section:has(.sms-announcement[data-scroll-effect=true][data-ready]){height:var(--sms-ann-area-height, auto)}.sms-announcement-section:has(.sms-announcement[data-scroll-effect=true][data-scroll-hidden]){height:0}.spotmystuff-header-section:has(.spotmystuff-header[sticky])+.sms-announcement-section:has(.sms-announcement[data-scroll-effect=true]:not([data-page-type=index])){position:sticky;top:max(0px,calc(var(--header-height, 84px) - 1px))}.sms-announcement{display:block;padding-block:var(--sms-ann-top, 0px) var(--sms-ann-bottom, 12px);color:var(--sms-ann-text, #fff);opacity:1;visibility:visible;transform:scaleY(1);transform-origin:50% 0}.sms-announcement[data-scroll-effect=true]{will-change:transform,opacity;transition:transform var(--sms-ann-motion-duration, .3s) cubic-bezier(.25,.1,.25,1),opacity var(--sms-ann-motion-duration, .3s) cubic-bezier(.25,.1,.25,1),visibility 0s}.sms-announcement[data-scroll-effect=true][data-scroll-hidden]{visibility:hidden;transform:scaleY(0);opacity:0;transition:transform var(--sms-ann-motion-duration, .3s) cubic-bezier(.25,.1,.25,1),opacity var(--sms-ann-motion-duration, .3s) cubic-bezier(.25,.1,.25,1),visibility 0s var(--sms-ann-motion-duration, .3s);pointer-events:none}.page-wrapper:has(.sms-announcement[data-scroll-effect=true][data-scroll-moving]),html:has(.sms-announcement[data-scroll-effect=true][data-scroll-moving]){overflow-anchor:none}.sms-announcement-section[data-sms-ann-progress]:has(.sms-announcement[data-scroll-effect=true]){--sms-ann-reveal: 1;transition:--sms-ann-reveal var(--sms-ann-motion-duration, .3s) cubic-bezier(.25,.1,.25,1)}.sms-announcement-section[data-sms-ann-progress]:has(.sms-announcement[data-scroll-effect=true][data-ready]){height:calc(var(--sms-ann-area-height) * var(--sms-ann-reveal))}.sms-announcement-section[data-sms-ann-progress]:has(.sms-announcement[data-scroll-effect=true][data-scroll-hidden]){--sms-ann-reveal: 0}.sms-announcement-section[data-sms-ann-progress] .sms-announcement[data-scroll-effect=true]{transform:scaleY(var(--sms-ann-reveal));opacity:var(--sms-ann-reveal);transition:visibility 0s}.sms-announcement-section[data-sms-ann-progress] .sms-announcement[data-scroll-effect=true][data-scroll-hidden]{transition:visibility 0s var(--sms-ann-motion-duration, .3s)}.sms-announcement .sms-announcement__pill{position:relative;isolation:isolate;width:min(var(--sms-ann-desktop-width, 340px),calc(100% - 32px));margin-inline:auto;border-radius:999px;background:var(--sms-ann-bg, #005466);box-shadow:0 8px 18px #0f20242e;transition:background-color .24s ease}.sms-announcement .sms-announcement__pill:before{content:"";position:absolute;z-index:-1;top:-6px;left:50%;width:14px;height:8px;transform:translate(-50%);background:var(--sms-ann-bg, #005466);clip-path:polygon(50% 0,100% 80%,100% 100%,0 100%,0 80%);transition:background-color .24s ease}.sms-announcement .sms-announcement__pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff29;clip-path:polygon(0 0,calc(50% - 7px) 0,calc(50% - 7px) 2px,calc(50% + 7px) 2px,calc(50% + 7px) 0,100% 0,100% 100%,0 100%);pointer-events:none}.sms-announcement .sms-announcement__slides{display:grid;min-height:32px;padding:8px 34px;align-items:center}.sms-announcement .sms-announcement__slide{grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .24s ease,transform .24s ease,visibility .24s;pointer-events:none}.sms-announcement .sms-announcement__slide.is-active{opacity:1;visibility:visible;transform:translateY(0)}.sms-announcement .sms-announcement__message{margin:0;color:inherit;font-family:var(--font-body--family, Inter, Arial, sans-serif);font-size:10px;font-weight:800;font-style:normal;line-height:1.3;letter-spacing:.09em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:pretty}.sms-announcement .sms-announcement__arrow{display:none;position:absolute;z-index:1;top:0;bottom:0;width:32px;min-width:0;min-height:32px;margin:0;padding:0;place-items:center;border:0;border-radius:999px;color:inherit;background:transparent;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.sms-announcement[data-ready] .sms-announcement__arrow{display:grid}.sms-announcement .sms-announcement__arrow--previous{left:0}.sms-announcement .sms-announcement__arrow--next{right:0}.sms-announcement .sms-announcement__arrow svg{width:12px;height:12px;opacity:.7}.sms-announcement .sms-announcement__arrow:hover svg{opacity:1}.sms-announcement .sms-announcement__arrow:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.sms-announcement .sms-announcement__status,.sms-announcement .sms-announcement__rotation{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sms-announcement:not([data-ready]) .sms-announcement__rotation{display:none}.sms-announcement .sms-announcement__rotation:focus-visible{z-index:3;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);height:auto;padding:8px 12px;margin:0;clip-path:none;white-space:normal;color:inherit;background:var(--sms-ann-bg, #005466);border-radius:6px;font:600 12px / 1.3 var(--font-body--family, Arial, sans-serif);outline:2px solid currentColor;outline-offset:-4px;cursor:pointer}@media(max-width:749px){.sms-announcement{padding-block:var(--sms-ann-mobile-top, 0px) var(--sms-ann-mobile-bottom, 12px)}.sms-announcement .sms-announcement__pill{width:min(var(--sms-ann-mobile-width, 82%),calc(100% - 16px))}.sms-announcement .sms-announcement__slides{min-height:34px;padding-block:8px}.sms-announcement .sms-announcement__message{font-size:clamp(9px,2.65vw,11px);letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){.sms-announcement-section:has(.sms-announcement[data-scroll-effect=true]),.sms-announcement-section[data-sms-ann-progress]:has(.sms-announcement[data-scroll-effect=true]){transition:none}.sms-announcement,.sms-announcement[data-scroll-effect=true],.sms-announcement[data-scroll-effect=true][data-scroll-hidden],.sms-announcement-section[data-sms-ann-progress] .sms-announcement[data-scroll-effect=true],.sms-announcement-section[data-sms-ann-progress] .sms-announcement[data-scroll-effect=true][data-scroll-hidden]{transition:none;transform:none}.sms-announcement .sms-announcement__pill,.sms-announcement .sms-announcement__pill:before{transition:none}.sms-announcement .sms-announcement__slide{transition:none;transform:none}.sms-announcement .sms-announcement__rotation{display:none}}.page-wrapper:has(.sms-announcement[data-page-type=product][data-scroll-effect=true]) #MainContent>.shopify-section[data-smst3-header-overlap]{margin-top:0}.page-wrapper:has(.sms-announcement[data-page-type=product][data-scroll-effect=true]) #MainContent>.shopify-section[data-smst3-header-overlap]>.spotmystuff-hero-purchase-v3{padding-top:clamp(16px,2vw,28px)}@media(max-width:749px){.page-wrapper:has(.sms-announcement[data-page-type=product][data-scroll-effect=true]) #MainContent>.shopify-section[data-smst3-header-overlap]>.spotmystuff-hero-purchase-v3{padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/spotmystuff-announcement.css.map */