.page-content.box-faq{background-color:#fff;--bf-accent: #fc7a57;--bf-border: #f1ece8;--bf-text: #231f20;--bf-pt-mobile: 32px;--bf-pb-mobile: 32px;--bf-pt-desktop: 64px;--bf-pb-desktop: 64px;padding-top:var(--bf-pt-mobile);padding-bottom:var(--bf-pb-mobile)}@media(min-width:1024px){.page-content.box-faq{padding-top:var(--bf-pt-desktop);padding-bottom:var(--bf-pb-desktop)}}.bf{--bf-accent-dark: color-mix(in srgb, var(--bf-accent) 70%, #000);--bf-accent-soft: color-mix(in srgb, var(--bf-accent) 6%, #fff);--bf-accent-pill: color-mix(in srgb, var(--bf-accent) 16%, #fff);--bf-transition: .5s cubic-bezier(.45, .1, .2, 1);display:block;color:var(--bf-text)}.bf__head{display:flex;flex-direction:column;align-items:center;gap:12px}.bf__tabs{display:flex;flex-direction:row;gap:12px;justify-content:center}.bf__tab{-webkit-appearance:none;appearance:none;width:max-content;padding:4px 8px;border-radius:8px;border:1px solid var(--bf-accent);background:var(--bf-accent-soft);color:var(--bf-accent-dark);font-family:poppins,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.2px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.bf__tab-text{display:block;line-height:1.4}.bf[data-view=faq] .bf__tab[data-tab=faq],.bf[data-view=playtime] .bf__tab[data-tab=playtime]{background:var(--bf-accent);border-color:var(--bf-accent);color:#fff}.bf__title{margin:0;padding:12px 0 32px;font-family:lora,serif;font-size:42px;letter-spacing:2.1px;line-height:1.1;text-align:center}.bf__title-text{display:none}.bf[data-view=faq] .bf__title-text[data-view=faq],.bf[data-view=playtime] .bf__title-text[data-view=playtime]{display:inline}.bf__panels{position:relative;overflow:hidden;height:var(--bf-h, auto);transition:height .3s ease}.bf__panel{display:grid;grid-template-columns:1fr;column-gap:32px;row-gap:32px;align-items:start;transition:transform var(--bf-transition),opacity var(--bf-transition);will-change:transform,opacity}@media(min-width:1024px){.bf__panel{grid-template-columns:1fr 1fr}}.bf__panel.is-active{position:relative;transform:translate(0);opacity:1}.bf__panel.is-hidden{display:none}.bf__panel.is-exiting{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%);opacity:0;pointer-events:none}.bf__panel.is-entering{position:relative;animation:bf-slide-in var(--bf-transition) both}.bf__panel.is-measure{display:grid;position:absolute;inset:0 0 auto 0;transform:none;animation:none;opacity:0;visibility:hidden;pointer-events:none}@keyframes bf-slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.bf__item{border:2px solid var(--bf-border);border-radius:25px;padding:20px;width:100%;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:border-color .25s ease}.bf__item--static{cursor:default}.bf__item.is-open{border-color:var(--bf-accent)}.bf__item-head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.bf__item-firsthalf{display:flex;flex-direction:row;gap:20px;align-items:center}.bf__item-index{align-self:center;padding:3px 10px;background-color:var(--bf-accent-pill);border-radius:8px;font-family:poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:.02em;color:var(--bf-accent)}.bf__item-title{margin:0;font-family:poppins,sans-serif;font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--bf-text);line-height:1}.bf__item-toggle{flex:0 0 28px;height:28px;width:28px;border:0;border-radius:50%;background-color:var(--bf-accent);background-image:url(box-faq-button-image-closed.svg);background-repeat:no-repeat;background-position:center;cursor:pointer;transition:transform .25s ease}.bf__item.is-open .bf__item-toggle{transform:rotate(45deg)}.bf.bf--measuring .bf__item-body,.bf.bf--measuring .bf__panels{transition:none}.bf__item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,margin-top .3s ease;margin-top:0}.bf__item-body-inner{overflow:hidden;min-height:0}.bf__item.is-open .bf__item-body{grid-template-rows:1fr;margin-top:14px}.bf__item-desc{margin:0;font-family:poppins,sans-serif;font-size:15px;color:var(--bf-text);line-height:1.4}
/*# sourceMappingURL=/cdn/shop/t/17/assets/box-faq.css.map */