:root{--db-ease: cubic-bezier(.2, 0, 0, 1);--db-dur: .2s;--db-sun: #ffd84d;--db-ink: #0f0f0f;--db-paper: #f9f9f9;--db-soft: #f1efe8;--db-radius: 22px}.db-wrap{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 var(--page-margin, 20px)}.db-eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0 0 10px}.db-h2{font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.05;margin:0 0 8px;letter-spacing:-.01em}.db-sub{margin:0 0 22px;opacity:.8;max-width:40ch}.db-hl{background:linear-gradient(transparent 58%,var(--db-sun) 58%);padding:0 .08em}.db-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:14px 22px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;border:1.5px solid var(--db-ink);background:var(--db-ink);color:var(--db-paper);transition-property:scale,background-color,color,box-shadow;transition-duration:.15s;transition-timing-function:var(--db-ease)}.db-btn:hover{box-shadow:4px 4px 0 var(--db-sun)}.db-btn:active{scale:.96}.db-btn--ghost{background:transparent;color:var(--db-ink)}.db-btn--sun{background:var(--db-sun);color:var(--db-ink);border-color:var(--db-ink)}.db-btn:focus-visible,.db-chip:focus-visible{outline:3px solid var(--db-ink);outline-offset:3px}.db-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.db-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 16px;border:1.5px solid var(--db-ink);background:#fff;color:var(--db-ink);font:inherit;font-weight:500;cursor:pointer;transition-property:scale,background-color,translate,box-shadow;transition-duration:.15s;transition-timing-function:var(--db-ease)}.db-chip:hover{translate:0 -2px;box-shadow:0 3px 0 var(--db-ink)}.db-chip:active{scale:.96}.db-chip[aria-pressed=true]{background:var(--db-sun);box-shadow:0 3px 0 var(--db-ink)}.db-chip__emoji{font-size:1.15em;line-height:1}.db-hero{padding:calc(var(--header-height, 60px) + clamp(24px,6vw,80px)) 0 clamp(36px,6vw,72px);background:var(--db-paper);overflow:hidden;position:relative;isolation:isolate}.db-hero>.db-wrap{position:relative;z-index:1}.db-hero__title{font-size:clamp(2.6rem,8vw,5.6rem);line-height:.98;letter-spacing:-.025em;margin:0 0 18px;font-weight:650}.db-hero__rot{display:inline-grid;justify-items:start;vertical-align:bottom}.db-hero__word{grid-area:1 / 1;white-space:nowrap;background:var(--db-sun);padding:0 .12em;border-radius:.12em;opacity:0;transform:translateY(.35em);filter:blur(4px);transition:opacity .32s var(--db-ease),transform .32s var(--db-ease),filter .32s var(--db-ease)}.db-hero__word.is-on{opacity:1;transform:none;filter:none}.db-hero__word.is-off{opacity:0;transform:translateY(-.25em);filter:blur(4px);transition-duration:.18s}.db-hero__lede{font-size:clamp(1.05rem,2vw,1.25rem);max-width:46ch;margin:0 0 28px;opacity:.85}.db-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.db-hero__note{margin-top:18px;font-size:.875rem;opacity:.7}.db-dice{display:inline-block;transition:rotate .5s var(--db-ease)}.db-btn.is-rolling .db-dice{rotate:720deg}.db-hero__blob{position:absolute;right:-120px;top:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--db-sun),transparent 65%);opacity:.55;pointer-events:none;z-index:0;animation:db-float 9s ease-in-out infinite alternate}@keyframes db-float{to{transform:translate(-40px,40px) scale(1.08)}}.db-marquee{background:var(--db-ink);color:var(--db-paper);overflow:hidden;padding:14px 0;border-block:2px solid var(--db-ink)}.db-marquee__track{display:flex;width:max-content;gap:0;animation:db-scroll 32s linear infinite}.db-marquee:hover .db-marquee__track{animation-play-state:paused}.db-marquee__item{white-space:nowrap;padding:0 22px;font-weight:600;letter-spacing:.02em}.db-marquee__item:after{content:"\2726";margin-left:44px;color:var(--db-sun)}@keyframes db-scroll{to{transform:translate(-50%)}}.db-panel{padding:clamp(48px,7vw,88px) 0}.db-panel--soft{background:var(--db-soft)}.db-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;min-height:120px}@media(max-width:989px){.db-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.db-card{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border:1.5px solid var(--db-ink);border-radius:var(--db-radius);padding:10px 10px 14px;color:inherit;text-decoration:none;opacity:0;transform:translateY(12px);filter:blur(4px);animation:db-rise .38s var(--db-ease) forwards;transition-property:translate,box-shadow;transition-duration:.16s;transition-timing-function:var(--db-ease)}.db-card:hover{translate:0 -4px;box-shadow:6px 6px 0 var(--db-ink)}.db-card__link{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none}.db-card__img{aspect-ratio:1;border-radius:calc(var(--db-radius) - 8px);background:#fff;overflow:hidden}.db-card__img img{width:100%;height:100%;object-fit:contain;display:block;transition:scale .3s var(--db-ease)}.db-card:hover .db-card__img img{scale:1.05}.db-card__title{font-size:.95rem;line-height:1.3;margin:0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.db-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 4px 0}.db-card__price{font-weight:650}.db-add{border:1.5px solid var(--db-ink);background:var(--db-sun);color:var(--db-ink);border-radius:999px;width:38px;height:38px;font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;flex:none;transition-property:scale,rotate,background-color;transition-duration:.15s;transition-timing-function:var(--db-ease)}.db-add:hover{rotate:90deg}.db-add:active{scale:.96}.db-add.is-done{background:var(--db-ink);color:var(--db-sun);rotate:0deg}@keyframes db-rise{to{opacity:1;transform:none;filter:none}}.db-empty,.db-loading{grid-column:1 / -1;padding:28px;text-align:center;border:1.5px dashed var(--db-ink);border-radius:var(--db-radius)}.db-loading span{display:inline-block;animation:db-bounce .9s var(--db-ease) infinite}.db-loading span:nth-child(2){animation-delay:.12s}.db-loading span:nth-child(3){animation-delay:.24s}@keyframes db-bounce{50%{transform:translateY(-6px)}}.db-foot{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}.db-label{font-weight:600;margin:0 0 10px}.db-toast{position:fixed;left:50%;bottom:22px;z-index:9999;translate:-50% 20px;opacity:0;pointer-events:none;background:var(--db-ink);color:var(--db-paper);border-radius:999px;padding:12px 14px 12px 20px;display:flex;gap:14px;align-items:center;box-shadow:4px 4px 0 var(--db-sun);max-width:calc(100vw - 32px);transition-property:opacity,translate;transition-duration:.22s;transition-timing-function:var(--db-ease)}.db-toast.is-on{opacity:1;translate:-50% 0;pointer-events:auto}.db-toast a{color:var(--db-ink);background:var(--db-sun);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:600;white-space:nowrap}.db-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s var(--db-ease),transform .5s var(--db-ease)}.db-reveal.is-in{opacity:1;transform:none}.resource-list__item{transition:translate .16s var(--db-ease)}.resource-list__item:hover{translate:0 -4px}@media(prefers-reduced-motion:reduce){.db-toast{transition:none!important}.db-hero__word,.db-card,.db-reveal,.db-chip,.db-btn,.db-add,.db-card__img img,.resource-list__item{animation:none!important;transition:none!important;opacity:1;transform:none;filter:none}.db-hero__word:not(.is-on){opacity:0}.db-marquee__track,.db-hero__blob,.db-loading span{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/db-fun.css.map */