.frj-story-switchers{--frj-story-switchers-card-w: 160px;--frj-story-switchers-unit: .6667px;--frj-story-switchers-marquee-h: 307px;--frj-story-switchers-rot: 0deg;--frj-story-switchers-dy: 0;background-color:var(--frj-bg);color:var(--frj-text);overflow:hidden}.frj-story-switchers__inner{display:flex;flex-direction:column;align-items:center;gap:var(--frj-space-32)}.frj-story-switchers__heading{margin:0;line-height:1.1;text-align:center}.frj-story-switchers__marquee{width:100%;height:var(--frj-story-switchers-marquee-h);overflow:hidden}.frj-story-switchers__track{display:flex;width:max-content;height:100%;animation:frj-story-switchers-scroll var(--frj-story-switchers-duration, 75s) linear infinite}.frj-story-switchers__group{display:flex;flex:none;align-items:center;height:100%;margin:0;padding:0;list-style:none}.frj-story-switchers__item{--frj-story-switchers-lift: 0px;--frj-story-switchers-turn: var(--frj-story-switchers-rot);position:relative;flex:none;width:var(--frj-story-switchers-card-w);margin-inline-end:calc(-68 * var(--frj-story-switchers-unit));transform:translateY(calc(var(--frj-story-switchers-dy) * var(--frj-story-switchers-unit) - var(--frj-story-switchers-lift))) rotate(var(--frj-story-switchers-turn));transition:transform .4s cubic-bezier(.2,.8,.2,1)}@media(hover:hover){.frj-story-switchers__item:hover{--frj-story-switchers-lift: 14px;--frj-story-switchers-turn: 0deg;z-index:1}.frj-story-switchers__item:hover .frj-story-switchers__card{box-shadow:0 12px 28px #14141429}}.frj-story-switchers__card{box-sizing:border-box;width:100%;aspect-ratio:12 / 17;padding:calc(var(--frj-story-switchers-card-w) / 60);background-color:var(--frj-bg-off-white);border-radius:calc(var(--frj-story-switchers-card-w) / 10);box-shadow:0 4px 16px #1414140f;transition:box-shadow .4s ease}.frj-story-switchers__photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(var(--frj-story-switchers-card-w) / 10 - var(--frj-story-switchers-card-w) / 60);background-color:var(--frj-soft)}.frj-story-switchers__def-wrap{display:flex;justify-content:center;width:100%}.frj-story-switchers__def{display:flex;flex-direction:column;gap:var(--frj-space-16);box-sizing:border-box;width:100%;max-width:1080px;padding:var(--frj-space-24);background-color:var(--frj-bg-off-white);border:1px solid var(--frj-brand);border-radius:var(--frj-radius-24);box-shadow:var(--frj-shadow-lg);overflow-wrap:anywhere}.frj-story-switchers__term{display:flex;flex-direction:column;gap:var(--frj-space-8)}.frj-story-switchers__word{margin:0;font-family:var(--frj-font);font-size:var(--frj-fs-display);font-weight:var(--frj-fw-black);line-height:var(--frj-lh-display);letter-spacing:var(--frj-ls-display);color:var(--frj-brand)}.frj-story-switchers__say{margin:0;font-family:var(--frj-font);font-size:var(--frj-fs-h5);font-weight:var(--frj-fw-semi);line-height:var(--frj-lh-label);color:var(--frj-text-2)}.frj-story-switchers__meaning{margin:0;font-family:var(--frj-font);font-size:var(--frj-fs-label-l);font-weight:var(--frj-fw-black);line-height:var(--frj-lh-h5);color:var(--frj-text)}.frj-story-switchers__meaning strong{font-weight:inherit;color:var(--frj-brand)}@keyframes frj-story-switchers-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.frj-story-switchers__marquee{overflow-x:auto}.frj-story-switchers__track{animation:none}.frj-story-switchers__item,.frj-story-switchers__card{transition:none}.frj-story-switchers__group:nth-child(2){display:none}}@media screen and (min-width:750px){.frj-story-switchers__def{flex-direction:row;align-items:center;gap:var(--frj-space-48);padding:var(--frj-space-48)}.frj-story-switchers__term{flex:none}.frj-story-switchers__meaning{flex:1 1 0;min-width:0}}@media screen and (min-width:990px){.frj-story-switchers{--frj-story-switchers-card-w: 240px;--frj-story-switchers-unit: 1px;--frj-story-switchers-marquee-h: 460px}.frj-story-switchers__inner{gap:var(--frj-space-48)}.frj-story-switchers__def{gap:var(--frj-space-64);padding:var(--frj-space-64);box-shadow:15px 15px 0 0 var(--frj-shadow-color)}.frj-story-switchers__word{line-height:.9}.frj-story-switchers__meaning{font-size:var(--frj-fs-h4);line-height:1.1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/frooji-story-switchers.css.map */