.tonis-story-modal{--tonis-story-modal-close-size: 3.2rem;--tonis-story-modal-media-width: 53.9rem;--tonis-story-modal-media-height: 60.5rem;--tonis-story-modal-panel-height: 65.3rem;--tonis-story-modal-badge-size: 4.8rem;--tonis-story-modal-icon-size: 3.2rem;--tonis-story-modal-bison-width: 4.8rem;--tonis-story-modal-bison-height: 2.8rem;--tonis-story-modal-seal-size: 6.6rem;--tonis-story-modal-quote-rule: .4rem;--tonis-story-modal-quote-height: 7.5rem;--tonis-story-modal-quote-inset: 1.05rem;--tonis-story-modal-card-height: 23.5rem;--tonis-story-modal-card-inset: 1.05rem;--tonis-story-modal-scrollbar: .6rem;--tonis-story-modal-scrollbar-gap: 1.2rem;position:fixed;z-index:1000;display:flex;align-items:center;justify-content:center;padding:0;top:0;right:0;bottom:0;left:0;visibility:hidden}.tonis-story-modal.active{visibility:visible}.tonis-story-modal__overlay{position:fixed;background-color:var(--tonis-color-scrim);cursor:pointer;top:0;right:0;bottom:0;left:0;opacity:0}.tonis-story-modal__overlay:empty{display:block}.tonis-story-modal.active .tonis-story-modal__overlay{opacity:1}.tonis-story-modal__panel{position:relative;display:flex;max-height:100dvh;flex-direction:column;padding:var(--tonis-space-6);border-radius:var(--tonis-radius-24);background-color:var(--tonis-color-surface);color:var(--tonis-color-text);font-family:var(--tonis-font-body);gap:var(--tonis-space-6);inline-size:100%;overflow-x:hidden;overflow-y:auto}@media screen and (min-width:750px){.tonis-story-modal{padding:var(--tonis-space-6)}.tonis-story-modal__panel{max-height:calc(100dvh - 2 * var(--tonis-space-6));max-inline-size:66.4rem}}@media screen and (min-width:1200px){.tonis-story-modal__panel{height:var(--tonis-story-modal-panel-height);max-inline-size:125.4rem;flex-direction:row-reverse;align-items:flex-start;padding-right:.6rem;overflow:hidden}}.tonis-story-modal__close{display:flex;width:var(--tonis-story-modal-close-size);height:var(--tonis-story-modal-close-size);align-items:center;justify-content:center;align-self:flex-end;flex:0 0 auto;padding:0;border:0;background:none;color:var(--tonis-color-text);cursor:pointer}.tonis-story-modal__close svg{display:block;width:100%;height:100%}.tonis-story-modal__close:focus-visible{outline:.2rem solid var(--tonis-color-brand);outline-offset:.3rem}@media screen and (min-width:1200px){.tonis-story-modal__close{position:absolute;z-index:1;top:var(--tonis-space-6);right:var(--tonis-space-6)}}.tonis-story-modal__media{overflow:hidden;border-radius:var(--tonis-radius-16);aspect-ratio:351 / 393.98;flex:0 0 auto;inline-size:100%}.tonis-story-modal__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width:1200px){.tonis-story-modal__media{aspect-ratio:auto;block-size:var(--tonis-story-modal-media-height);inline-size:var(--tonis-story-modal-media-width)}}.tonis-story-modal__scroll{min-inline-size:0;inline-size:100%}.tonis-story-modal__scroll:focus-visible{outline:.2rem solid var(--tonis-color-brand);outline-offset:.3rem}@media screen and (min-width:1200px){.tonis-story-modal__scroll{overflow-x:clip;overflow-y:scroll;padding-top:5.6rem;padding-right:var(--tonis-story-modal-scrollbar-gap);flex:1 1 auto;align-self:stretch}.tonis-story-modal__scroll::-webkit-scrollbar{width:var(--tonis-story-modal-scrollbar)}.tonis-story-modal__scroll::-webkit-scrollbar-track{border-radius:var(--tonis-radius-full);background-color:var(--tonis-color-scrollbar-track)}.tonis-story-modal__scroll::-webkit-scrollbar-thumb{border-radius:var(--tonis-radius-full);background-color:var(--tonis-color-scrollbar-thumb)}@supports not selector(::-webkit-scrollbar){.tonis-story-modal__scroll{scrollbar-color:var(--tonis-color-scrollbar-thumb) var(--tonis-color-scrollbar-track);scrollbar-width:thin}}}.tonis-story-modal__content{display:flex;flex-direction:column;gap:var(--tonis-space-6)}.tonis-story-modal__body{display:flex;flex-direction:column;gap:var(--tonis-space-10)}.tonis-story-modal__header{display:flex;flex-direction:column-reverse;align-items:flex-start;justify-content:center;gap:var(--tonis-space-3)}.tonis-story-modal__heading{margin:0;color:var(--tonis-color-brand);font-family:var(--tonis-font-heading);font-size:var(--tonis-text-40);font-weight:var(--tonis-weight-semibold);letter-spacing:var(--tonis-tracking-normal);line-height:var(--tonis-leading-tight);text-transform:uppercase}.tonis-story-modal__bison{display:block;width:var(--tonis-story-modal-bison-width);height:var(--tonis-story-modal-bison-height);flex:0 0 auto;color:var(--tonis-color-brand)}.tonis-story-modal__bison svg{display:block;width:100%;height:100%}@media screen and (min-width:750px){.tonis-story-modal__header{flex-direction:row;align-items:center}}.tonis-story-modal__quote{position:relative;display:flex;min-height:var(--tonis-story-modal-quote-height);align-items:center;margin:0;padding:var(--tonis-story-modal-quote-inset) 0 var(--tonis-story-modal-quote-inset) var(--tonis-space-6);border:0;border-radius:0 var(--tonis-radius-12) var(--tonis-radius-12) 0;font-style:normal;background-color:var(--tonis-color-surface-wash);color:var(--tonis-color-text-prose);font-size:var(--tonis-text-18);font-family:Lato,sans-serif;font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest)}.tonis-story-modal__quote:before{position:absolute;border-radius:0 var(--tonis-story-modal-quote-rule) var(--tonis-story-modal-quote-rule) 0;background-color:var(--tonis-color-accent);content:"";inline-size:var(--tonis-story-modal-quote-rule);inset-block:0;inset-inline-start:0}.tonis-story-modal__quote p{margin:0}.tonis-story-modal__prose{color:var(--tonis-color-text-prose);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest)}.tonis-story-modal__prose>*{margin:0}.tonis-story-modal__prose>*+*{margin-top:var(--tonis-space-3)}.tonis-story-modal__cards{display:flex;flex-direction:column;align-items:stretch;gap:var(--tonis-space-6)}.tonis-story-modal__card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--tonis-space-5) var(--tonis-space-3);border-radius:var(--tonis-radius-12);background-color:var(--tonis-color-surface);box-shadow:var(--tonis-shadow-md);gap:var(--tonis-space-10);text-align:center}.tonis-story-modal__badge{display:flex;width:var(--tonis-story-modal-badge-size);height:var(--tonis-story-modal-badge-size);align-items:center;justify-content:center;flex:0 0 auto;border-radius:var(--tonis-radius-full);background-color:var(--tonis-color-highlight);color:var(--tonis-color-on-highlight)}.tonis-story-modal__badge svg{display:block;width:var(--tonis-story-modal-icon-size);height:var(--tonis-story-modal-icon-size)}.tonis-story-modal__card-text{display:flex;flex-direction:column;align-items:stretch;gap:var(--tonis-space-6);color:var(--tonis-color-text);inline-size:100%}.tonis-story-modal__card-title{margin:0;font-family:var(--tonis-font-heading);font-size:var(--tonis-text-24);font-weight:var(--tonis-weight-bold);letter-spacing:var(--tonis-tracking-normal);line-height:var(--tonis-leading-loose);text-transform:uppercase}.tonis-story-modal__card-body{font-size:var(--tonis-text-20);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-tight)}.tonis-story-modal__card-body>*{margin:0}.tonis-story-modal__card-body>*+*{margin-top:var(--tonis-space-3)}@media screen and (min-width:750px){.tonis-story-modal__cards{flex-direction:row}.tonis-story-modal__card{min-width:0;min-height:var(--tonis-story-modal-card-height);flex:1 1 0;align-items:flex-start;padding-block:var(--tonis-story-modal-card-inset);text-align:start}}.tonis-story-modal__section{display:flex;flex-direction:column;gap:var(--tonis-space-6)}.tonis-story-modal__subheading{margin:0;color:var(--tonis-color-brand);font-family:var(--tonis-font-heading);font-size:var(--tonis-text-30);font-weight:var(--tonis-weight-semibold);letter-spacing:var(--tonis-tracking-normal);line-height:var(--tonis-leading-tight);text-transform:uppercase}.tonis-story-modal__band{display:flex;align-items:center;padding:var(--tonis-space-3);border-radius:var(--tonis-radius-12);background-color:var(--tonis-color-highlight);gap:var(--tonis-space-3)}.tonis-story-modal__seal{display:block;width:var(--tonis-story-modal-seal-size);height:var(--tonis-story-modal-seal-size);flex:0 0 auto}.tonis-story-modal__band-text{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--tonis-space-3)}.tonis-story-modal__band-heading{margin:0;color:var(--tonis-color-brand);font-family:var(--tonis-font-heading);font-size:var(--tonis-text-22);font-weight:var(--tonis-weight-semibold);letter-spacing:var(--tonis-tracking-normal);line-height:var(--tonis-leading-tight);text-transform:uppercase}.tonis-story-modal__band-body{color:var(--tonis-color-text-prose);font-size:var(--tonis-text-18);font-weight:var(--tonis-weight-regular);line-height:var(--tonis-leading-loosest)}.tonis-story-modal__band-body>*{margin:0}.tonis-story-modal__band-body>*+*{margin-top:var(--tonis-space-3)}@media(prefers-reduced-motion:no-preference){.tonis-story-modal{transition:visibility var(--tonis-duration-base) var(--tonis-ease-out)}.tonis-story-modal__overlay{transition:opacity var(--tonis-duration-base) var(--tonis-ease-out)}.tonis-story-modal__panel{opacity:0;transform:translateY(var(--tonis-space-4));transition:opacity var(--tonis-duration-base) var(--tonis-ease-out),transform var(--tonis-duration-base) var(--tonis-ease-out)}.tonis-story-modal.active .tonis-story-modal__panel{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-tonis-story-modal.css.map */