.dabi-cta{--b-bg: #f6efe5;--b-fg: #2f2119;--b-chip: #9b5a2e;--b-chip-fg: #fbf3e8;--b-fill: var(--b-chip);--b-fill-fg: #fbf3e8;--b-ring: rgba(155, 90, 46, .6);--b-h: 5.6rem;--b-chip-s: 4.4rem;--b-pad: calc((var(--b-h) - var(--b-chip-s)) / 2);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:1.8rem;min-height:var(--b-h);padding-block:var(--b-pad);padding-inline:2.6rem var(--b-pad);overflow:hidden;background:var(--b-bg);color:var(--b-fg);border:0;border-radius:99rem;box-shadow:inset 0 .1rem #ffffff8c,0 1rem 2.6rem -1.4rem #140c0699;font:inherit;font-size:1.5rem;font-weight:700;letter-spacing:.01em;line-height:1.15;text-decoration:none;cursor:pointer;translate:var(--dabi-mx, 0) var(--dabi-my, 0);transition:color .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,transform .3s cubic-bezier(.2,.8,.2,1),translate .35s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent}.dabi-cta:before{content:"";position:absolute;z-index:-1;inset-inline-end:var(--b-pad);top:50%;width:var(--b-chip-s);height:var(--b-chip-s);margin-top:calc(var(--b-chip-s) / -2);border-radius:50%;background:var(--b-fill);transform:scale(0);transition:transform .65s cubic-bezier(.2,.8,.2,1),background-color .3s ease}.dabi-cta__label{position:relative;white-space:nowrap}.dabi-cta__chip{position:relative;display:block;flex:none;width:var(--b-chip-s);height:var(--b-chip-s);overflow:hidden;border-radius:50%;background:var(--b-chip);color:var(--b-chip-fg);transition:background-color .3s ease,color .35s ease,box-shadow .3s ease}.dabi-cta__a{position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.dabi-cta__a--in{transform:translate(-180%)}.dabi-cta__chip--diag .dabi-cta__a--in{transform:translate(-180%,180%)}@media(hover:hover){.dabi-cta:hover{color:var(--b-fill-fg);box-shadow:inset 0 .1rem #fff3,0 1.6rem 3.2rem -1.4rem #140c06b3}.dabi-cta:hover:before{transform:scale(var(--b-grow, 16))}.dabi-cta:hover .dabi-cta__chip{background:transparent;color:var(--b-fill-fg)}.dabi-cta:hover .dabi-cta__a--out{transform:translate(180%)}.dabi-cta:hover .dabi-cta__chip--diag .dabi-cta__a--out{transform:translate(180%,-180%)}.dabi-cta:hover .dabi-cta__a--in,.dabi-cta:hover .dabi-cta__chip--diag .dabi-cta__a--in{transform:none}}.dabi-cta:focus-visible{outline:.2rem solid var(--b-ring);outline-offset:.4rem}.dabi-cta:active{transform:scale(.97);transition-duration:.12s}.dabi-cta--glass{--b-bg: rgba(22, 14, 9, .34);--b-fg: #f6efe5;--b-chip: transparent;--b-chip-fg: #f6efe5;--b-fill: #f6efe5;--b-fill-fg: #2f2119;--b-ring: rgba(246, 239, 229, .8);-webkit-backdrop-filter:blur(1.4rem) saturate(1.3);backdrop-filter:blur(1.4rem) saturate(1.3);box-shadow:inset 0 0 0 .1rem #f6efe561,inset 0 .1rem #ffffff40,0 1rem 2.6rem -1.4rem #0009}.dabi-cta--glass .dabi-cta__chip{box-shadow:inset 0 0 0 .1rem #f6efe58c}@media(hover:hover){.dabi-cta--glass:hover .dabi-cta__chip{box-shadow:none}}.dabi-cta--dark{--b-bg: #2f2119;--b-fg: #f6efe5;--b-chip: #c08a5a;--b-chip-fg: #2f2119;--b-fill: #c08a5a;--b-fill-fg: #2f2119}.dabi-cta--accent{--b-bg: var(--b-accent, #9b5a2e);--b-fg: #fbf3e8;--b-chip: rgba(255, 255, 255, .16);--b-chip-fg: #fbf3e8;--b-fill: #f6efe5;--b-fill-fg: #2f2119}.dabi-cta--sm{--b-h: 4.6rem;--b-chip-s: 3.6rem;gap:1.2rem;padding-inline-start:2rem;font-size:1.35rem}.dabi-link{--l-ac: var(--dabi-brand, #9b5a2e);position:relative;display:inline-flex;align-items:center;gap:1.4rem;padding:.4rem 0;color:inherit;font-size:1.45rem;font-weight:700;letter-spacing:.01em;text-decoration:none;-webkit-tap-highlight-color:transparent}.dabi-link .dabi-cta__label{padding-block:.5rem;background:linear-gradient(var(--l-ac),var(--l-ac)) 0 100% / 0 .2rem no-repeat,linear-gradient(currentColor,currentColor) 0 100% / 100% .1rem no-repeat;transition:background-size .5s cubic-bezier(.2,.8,.2,1)}.dabi-link .dabi-cta__chip{--b-chip-s: 3.8rem;background:transparent;width:3.8rem;height:3.8rem;color:currentColor;box-shadow:inset 0 0 0 .1rem currentColor;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.dabi-link .dabi-cta__a{width:1.7rem;height:1.7rem;margin:-.85rem 0 0 -.85rem}@media(hover:hover){.dabi-link:hover .dabi-cta__label{background-size:100% .2rem,100% .1rem}.dabi-link:hover .dabi-cta__chip{background:var(--l-ac);color:#fbf3e8;box-shadow:inset 0 0 0 .1rem var(--l-ac);transform:rotate(-8deg) scale(1.06)}.dabi-link:hover .dabi-cta__a--out{transform:translate(180%)}.dabi-link:hover .dabi-cta__chip--diag .dabi-cta__a--out{transform:translate(180%,-180%)}.dabi-link:hover .dabi-cta__a--in{transform:none}}.dabi-link:focus-visible{outline:.2rem solid var(--l-ac);outline-offset:.4rem;border-radius:.4rem}.dabi-link:active .dabi-cta__chip{transform:scale(.92)}@media(prefers-reduced-motion:reduce){.dabi-cta,.dabi-cta:before,.dabi-cta__a,.dabi-link .dabi-cta__label,.dabi-link .dabi-cta__chip{transition:none}.dabi-cta{translate:none}}.dabi-snav-host{position:relative}.dabi-snav-layer{position:fixed;z-index:49;top:0;right:0;bottom:0;left:0;pointer-events:none}.dabi-snav{position:absolute;top:var(--snav-top, 0);left:var(--snav-left, 0);width:var(--snav-w, 100%);height:var(--snav-h, 100%);pointer-events:none}.dabi-snav[hidden]{display:none}.dabi-snav__btn{--s: var(--snav-size, 4.2rem);--p: 0;position:absolute;top:50%;display:grid;place-items:center;width:var(--s);height:var(--s);padding:0;margin:0;color:#2f2119;background:#fbf6efb8;border:0;border-radius:50%;box-shadow:inset 0 0 0 .1rem #ffffffb3,inset 0 -.2rem .6rem #9b5a2e14,0 .8rem 2rem -.8rem #28160a73;-webkit-backdrop-filter:blur(1.2rem) saturate(1.5);backdrop-filter:blur(1.2rem) saturate(1.5);cursor:pointer;pointer-events:auto;opacity:1;translate:0 -50%;transform:none;transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.4,.5,1),background-color .25s ease,color .25s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dabi-snav__btn--prev{inset-inline-start:var(--snav-inset, .8rem)}.dabi-snav__btn--next{inset-inline-end:var(--snav-inset, .8rem)}.dabi-snav__btn:hover{transform:scale(1.08)}@media(hover:none){.dabi-snav__btn{--s: var(--snav-size-touch, 3.6rem);opacity:.88;transform:none}.dabi-snav--slim .dabi-snav__btn{opacity:.8}}.dabi-snav__btn:hover{background:#fffcf7eb}.dabi-snav__btn:focus-visible{outline:.2rem solid #9b5a2e;outline-offset:.3rem}.dabi-snav__btn.is-off{opacity:0!important;pointer-events:none;transform:scale(.7)!important}.dabi-snav__icon{position:relative;width:46%;height:46%;overflow:hidden}.dabi-snav__icon svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dabi-snav__icon svg+svg{opacity:0}.dabi-snav__btn--prev .dabi-snav__icon{transform:scaleX(-1)}@media(hover:hover){.dabi-snav__btn:hover .dabi-snav__icon svg{animation:dabi-snav-flow 1.1s cubic-bezier(.6,0,.4,1) infinite}.dabi-snav__btn:hover .dabi-snav__icon svg+svg{animation-delay:-.55s}}.dabi-snav__btn.is-holding .dabi-snav__icon svg{animation:dabi-snav-flow calc(.7s / (1 + var(--p) * 3)) linear infinite}.dabi-snav__btn.is-holding .dabi-snav__icon svg+svg{animation-delay:calc(-.35s / (1 + var(--p) * 3))}@keyframes dabi-snav-flow{0%{transform:translate(-70%);opacity:0}35%,65%{opacity:1}to{transform:translate(70%);opacity:0}}.dabi-snav__ring{position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem;width:calc(100% + .6rem);height:calc(100% + .6rem);transform:rotate(-90deg);pointer-events:none}.dabi-snav__ring circle{fill:none;stroke:#9b5a2e;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p) * 100);opacity:0;transition:opacity .2s ease}.dabi-snav__btn.is-holding .dabi-snav__ring circle{opacity:1}.dabi-snav__btn.is-holding{background:#fffcf7f2;transform:scale(1.06)}.dabi-snav__speed{position:absolute;bottom:calc(100% + .6rem);left:50%;padding:.2rem .7rem;background:#2f2119;color:#fbf3e8;border-radius:2rem;font-size:1.1rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;opacity:0;transform:translate(-50%,.4rem);transition:opacity .2s ease,transform .25s ease;pointer-events:none}.dabi-snav__btn.is-holding .dabi-snav__speed{opacity:1;transform:translate(-50%)}.dabi-snav__btn--prev .dabi-snav__speed{left:50%}.dabi-snav--dark .dabi-snav__btn{color:#fbf3e8;background:#1e140e8c;box-shadow:inset 0 0 0 .1rem #ffffff38,0 .8rem 2rem -.8rem #0009}.dabi-snav--dark .dabi-snav__btn:hover,.dabi-snav--dark .dabi-snav__btn.is-holding{background:#1e140ecc}.dabi-snav--dark .dabi-snav__ring circle{stroke:#e9b872}.dabi-snav--slim{--snav-size: 3.2rem;--snav-size-touch: 3rem;--snav-inset: .6rem}.dabi-snav--slim .dabi-snav__speed{bottom:auto;top:calc(100% + .4rem);transform:translate(-50%,-.4rem)}.dabi-snav--slim .dabi-snav__btn.is-holding .dabi-snav__speed{transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.dabi-snav__btn{transition:opacity .2s ease}.dabi-snav__btn .dabi-snav__icon svg,.dabi-snav__btn.is-holding .dabi-snav__icon svg{animation:none!important}.dabi-snav__icon svg+svg{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/dabi-ui.css.map */
