[id^=ys-hw-treat-].ys-hw-treat{padding-block:var(--hw-treat-top, 48px) var(--hw-treat-bottom, 48px);background:var(--hw-treat-bg, #181a1d)}[id^=ys-hw-treat-] .ys-hw-treat__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:440px;padding:44px clamp(32px,4.5vw,64px);overflow:hidden;isolation:isolate;border:1px solid rgb(255 255 255 / 7%);border-radius:20px;background:var(--hw-treat-panel, #111215);color:var(--hw-treat-heading, #fff)}[id^=ys-hw-treat-] .ys-hw-treat__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 76% 52%,rgb(121 35 24 / 21%),transparent 65%);pointer-events:none}[id^=ys-hw-treat-] .ys-hw-treat__art{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:34%;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%);mask-image:linear-gradient(to right,transparent 0%,#000 38%)}[id^=ys-hw-treat-] .ys-hw-treat__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:.8;transition:opacity .4s ease,transform .6s ease}[id^=ys-hw-treat-] .ys-hw-treat__copy{position:relative;align-self:center;padding-block:16px}[id^=ys-hw-treat-].ys-hw-treat .ys-hw-treat__copy .ys-hw__eyebrow{color:var(--hw-treat-accent, #ce9a77);font-size:11px;letter-spacing:.14em}[id^=ys-hw-treat-].ys-hw-treat .ys-hw-treat__copy .ys-hw__heading{max-width:100%;font-size:clamp(38px,4.2vw,58px);line-height:1.04}[id^=ys-hw-treat-].ys-hw-treat .ys-hw-treat__copy .ys-hw__description{max-width:100%;color:var(--hw-treat-text, #c4c5ca)}[id^=ys-hw-treat-] .ys-hw-treat__rule{max-width:42ch;margin-top:20px;color:var(--hw-treat-text, #c4c5ca);font-size:13px;line-height:1.6}[id^=ys-hw-treat-] .ys-hw-treat__experience{position:relative;min-width:0}[id^=ys-hw-treat-] ys-halloween-treat{display:block;min-width:0}[id^=ys-hw-treat-] .ys-hw-treat__ticket{position:relative;min-height:340px}[id^=ys-hw-treat-] .ys-hw-treat__ticket summary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;list-style:none;cursor:pointer;border-radius:14px;-webkit-tap-highlight-color:transparent}[id^=ys-hw-treat-] .ys-hw-treat__ticket summary::-webkit-details-marker{display:none}[id^=ys-hw-treat-] .ys-hw-treat__invitation{position:absolute;inset-inline:0;bottom:6px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}[id^=ys-hw-treat-] .ys-hw-treat__tease{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:14px 26px;border-radius:999px;background:var(--hw-red, #df1c2f);color:#fff;font-size:15px;font-weight:650;text-transform:uppercase;letter-spacing:.025em;line-height:1.3;box-shadow:0 8px 32px #0003;transition:background .18s ease,transform .18s ease}[id^=ys-hw-treat-] .ys-hw-treat__tease strong{font:inherit}[id^=ys-hw-treat-] .ys-hw-treat__hint{color:#e3d7d0;font-size:12px;line-height:1.4;text-shadow:0 1px 6px #000}[id^=ys-hw-treat-] .ys-hw-treat__ticket summary:hover .ys-hw-treat__tease{background:#be1426;transform:translateY(-2px)}[id^=ys-hw-treat-] .ys-hw-treat__panel:has(summary:hover) .ys-hw-treat__art img{transform:scale(1.025);opacity:.95}[id^=ys-hw-treat-] .ys-hw-treat__close{display:none}[id^=ys-hw-treat-] .ys-hw-treat__ticket[open] summary{inset:8px 8px auto auto;width:44px;height:44px;border-radius:50%}[id^=ys-hw-treat-] .ys-hw-treat__ticket[open] .ys-hw-treat__invitation{display:none}[id^=ys-hw-treat-] .ys-hw-treat__ticket[open] .ys-hw-treat__close{display:grid;place-items:center;width:44px;height:44px;color:#fff;font-size:26px;font-weight:400;line-height:1}[id^=ys-hw-treat-] .ys-hw-treat__ticket[open] summary:hover{background:#ffffff14}[id^=ys-hw-treat-] .ys-hw-treat__reveal{position:absolute;isolation:isolate;overflow:hidden;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 24px;border:1px solid rgb(255 255 255 / 16%);border-radius:16px;background:#111215e0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}[id^=ys-hw-treat-] .ys-hw-treat__reveal-art{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.72;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%);mask-image:linear-gradient(180deg,transparent,#000 35%)}[id^=ys-hw-treat-] .ys-hw-treat__reveal-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right bottom}[id^=ys-hw-treat-] .ys-hw-treat__ticket:not([open]) .ys-hw-treat__reveal{display:none}[id^=ys-hw-treat-] .ys-hw-treat__ticket[open] .ys-hw-treat__reveal{animation:ys-hw-unseal .28s ease-out}[id^=ys-hw-treat-] .ys-hw-treat__panel:has(details[open]) .ys-hw-treat__art img{opacity:.55}[id^=ys-hw-treat-] .ys-hw-treat__unlocked{color:#d7b59e;font-size:10px;font-weight:650;letter-spacing:.15em;text-transform:uppercase}[id^=ys-hw-treat-] .ys-hw-treat__code-row{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;margin-top:16px}[id^=ys-hw-treat-] .ys-hw-treat__code{color:#fff;font-family:inherit;font-size:clamp(22px,2.6vw,34px);font-weight:700;letter-spacing:.08em;line-height:1.15;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}[id^=ys-hw-treat-] .ys-hw-treat__code-row .ys-hw__button{min-width:168px;cursor:pointer}[id^=ys-hw-treat-] .ys-hw-treat__status{min-height:2.8em;margin:14px 0 0;max-width:100%;color:#c4c5ca;font-size:12px;line-height:1.4;text-wrap:pretty}[id^=ys-hw-treat-] .ys-hw-treat__link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;color:#fff;font-size:14px;text-underline-offset:5px;text-decoration:underline}[id^=ys-hw-treat-] ys-halloween-treat:not(:defined) [data-hw-copy]{display:none}@keyframes ys-hw-unseal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){[id^=ys-hw-treat-] .ys-hw-treat__panel{gap:24px;padding:32px;min-height:400px}[id^=ys-hw-treat-].ys-hw-treat .ys-hw-treat__copy .ys-hw__heading{font-size:42px}[id^=ys-hw-treat-] .ys-hw-treat__reveal{padding-inline:16px}}@media(min-width:768px){@supports (width: 1cqw){[id^=ys-hw-treat-] .ys-hw-treat__panel:not(:has(details[open])) .ys-hw-treat__experience,[id^=ys-hw-treat-] .ys-hw-treat__ticket:not([open]){position:static}[id^=ys-hw-treat-] .ys-hw-treat__ticket:not([open]) summary{top:0;right:0;bottom:0;left:34%;container-type:size;pointer-events:none}[id^=ys-hw-treat-] .ys-hw-treat__ticket:not([open]) .ys-hw-treat__invitation{inset:auto;left:calc(62% - (.096*max(100cqw,150cqh)));top:calc(50% + .13*max(66.6667cqw,100cqh));width:max-content;max-width:90%;transform:translate(-50%);pointer-events:auto}[id^=ys-hw-treat-].ys-hw .ys-hw-treat__ticket:not([open]) summary:focus-visible{outline:none}[id^=ys-hw-treat-] .ys-hw-treat__ticket:not([open]) summary:focus-visible .ys-hw-treat__tease{outline:2px solid var(--hw-red);outline-offset:5px}}}@media(max-width:767px){[id^=ys-hw-treat-].ys-hw-treat{padding-block:calc(var(--hw-treat-top, 48px) * .65) calc(var(--hw-treat-bottom, 48px) * .65)}[id^=ys-hw-treat-] .ys-hw-treat__panel{grid-template-columns:1fr;gap:8px;padding:30px 24px 24px;border-radius:16px}[id^=ys-hw-treat-] .ys-hw-treat__copy{padding:0}[id^=ys-hw-treat-].ys-hw-treat .ys-hw-treat__copy .ys-hw__heading{max-width:100%;font-size:clamp(32px,8.5vw,42px)}[id^=ys-hw-treat-].ys-hw-treat .ys-hw-treat__copy .ys-hw__description{max-width:100%;margin-top:16px;font-size:15px}[id^=ys-hw-treat-] .ys-hw-treat__art{inset:auto -12% -10% -12%;height:72%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 90%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 90%,transparent)}[id^=ys-hw-treat-] .ys-hw-treat__art img{object-position:55% center;opacity:.82}[id^=ys-hw-treat-] .ys-hw-treat__ticket{min-height:310px}[id^=ys-hw-treat-] .ys-hw-treat__invitation{bottom:8px}[id^=ys-hw-treat-] .ys-hw-treat__tease{padding-inline:24px;min-height:48px}[id^=ys-hw-treat-] .ys-hw-treat__code{font-size:24px;letter-spacing:.055em}[id^=ys-hw-treat-] .ys-hw-treat__reveal{padding:40px 16px 16px}}@media(prefers-reduced-motion:reduce){[id^=ys-hw-treat-] .ys-hw-treat__ticket[open] .ys-hw-treat__reveal{animation:none}[id^=ys-hw-treat-] .ys-hw-treat__art img,[id^=ys-hw-treat-] .ys-hw-treat__tease{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/ys-halloween-treat-26.css.map */