.template-page-size-guide .ff{--ff-canvas:#F6F0E8;--ff-ink:#251D1F;--ff-wine:#5A1F2D;--ff-rose:#D8A9B5;--ff-taupe:#B7A89C;--ff-champagne:#B89B70;--ff-sage:#CBD0C0;--ff-blue:#C9D6E6;--ff-pink:#F1D8DE;--ff-text:var(--ff-ink);--ff-text-soft:#675C5F;--ff-on-dark:#F6F0E8;--ff-fast:.15s;--ff-standard:.22s;--ff-expressive:.62s;--ff-radius:14px;--ff-hairline:rgba(37,29,31,.14)}.template-page-size-guide .ff-surface{position:relative;background:var(--ff-canvas);color:var(--ff-text);overflow:clip}.template-page-size-guide .ff-surface--pink{background:var(--ff-canvas)}.template-page-size-guide .ff-surface--wine{background:var(--ff-wine);color:var(--ff-on-dark);--ink:var(--ff-on-dark);--mut:#E8D9DD;--line:rgba(246,240,232,.24);--acc:var(--ff-on-dark)}.template-page-size-guide .ff-surface--wine .ff-h2,.template-page-size-guide .ff-surface--wine .ff-h3{color:var(--ff-on-dark)}.template-page-size-guide .ff-surface--wine .ff-eyebrow,.template-page-size-guide .ff-surface--wine .ff-prose,.template-page-size-guide .ff-surface--wine .ff-lead,.template-page-size-guide .ff-surface--wine .ff-col-n{color:#e8d9dd}.template-page-size-guide .ff-surface--wine a:not(.ff-btn){color:var(--ff-on-dark)}.template-page-size-guide .ff-guide-finder:after{content:"";position:absolute;right:-8%;top:10%;width:38%;height:62%;background:linear-gradient(145deg,#d8a9b547,#c9d6e62e);border-radius:48% 52% 45% 55%;filter:blur(1px);pointer-events:none}.template-page-size-guide .ff-guide-finder .ff-sec{position:relative;z-index:1}.template-page-size-guide .ff-guide-finder .ff-result{border-top-color:#5a1f2d3d}.template-page-size-guide .ff-guide-finder .ff-size{color:var(--ff-wine)}.template-page-size-guide .ff-guide-finder .ff-input:focus{border-color:var(--ff-wine);box-shadow:0 0 0 3px #d8a9b559}.template-page-size-guide .ff-guide-how .ff-guide-plane{position:relative;background:linear-gradient(135deg,#cbd0c0c7,#cbd0c075);border:1px solid rgba(90,31,45,.08);border-radius:18px;padding:28px 30px 24px;box-shadow:0 14px 38px #251d1f0b}.template-page-size-guide .ff-guide-how .ff-guide-plane:before{content:"";position:absolute;left:30px;top:0;width:72px;height:2px;background:var(--ff-champagne)}.template-page-size-guide .ff-guide-how .ff-step{border-top-color:#5a1f2d38}.template-page-size-guide .ff-guide-how .ff-step-n{color:var(--ff-wine)}.template-page-size-guide .ff-guide-chart .ff-chart-shell{position:relative;background:#c9d6e638;border:1px solid rgba(37,29,31,.1);border-radius:16px;padding:10px 16px 14px;margin-top:20px}.template-page-size-guide .ff-guide-chart .ff-table{margin-top:0;background:#f6f0e8d1}.template-page-size-guide .ff-guide-chart .ff-table th{background:#c9d6e694}.template-page-size-guide .ff-guide-chart .ff-table th:nth-child(2),.template-page-size-guide .ff-guide-chart .ff-table td:nth-child(2){background:#d8a9b557;font-weight:650;color:var(--ff-wine)}.template-page-size-guide .ff-guide-chart .ff-table tr:hover td{background-color:#cbd0c038}.template-page-size-guide .ff-guide-chart .ff-table tr:hover td:nth-child(2){background-color:#d8a9b57a}.template-page-size-guide .ff-chart-swipe{display:none}.template-page-size-guide .ff-guide-pitfalls .ff-sec{padding-top:34px;padding-bottom:34px}.template-page-size-guide .ff-guide-pitfalls:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--ff-champagne)}.template-page-size-guide .ff-guide-pitfalls .ff-cols{margin-top:20px}.template-page-size-guide .ff-guide-pitfalls .ff-col{border-top-color:#f6f0e840}.template-page-size-guide .ff-guide-breed .ff-sec{padding-top:28px;padding-bottom:28px}.template-page-size-guide .ff-guide-breed .ff-disc{background:linear-gradient(120deg,#f1d8deb8,#d8a9b547);border:1px solid rgba(90,31,45,.12);border-radius:16px;padding:0 20px;box-shadow:0 10px 28px #251d1f09}.template-page-size-guide .ff-guide-breed .ff-disc-x{color:var(--ff-wine)}.template-page-size-guide .ff-guide-breed .ff-input{background:#f6f0e8e6}.template-page-size-guide .ff-guide-chart:before,.template-page-size-guide .ff-guide-breed:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:min(1180px,calc(100% - 48px));height:1px;background:linear-gradient(90deg,transparent,rgba(184,155,112,.7),transparent)}.template-page-size-guide .ff-guide-reassure .ff-panel{border-color:#f6f0e84d}.template-page-size-guide .ff-guide-reassure .ff-panel,.template-page-size-guide .ff-guide-reassure .ff-panel *:not(.ff-btn){color:var(--ff-on-dark)}.template-page-size-guide .ff-guide-reassure .ff-panel .ff-lead,.template-page-size-guide .ff-guide-reassure .ff-points span,.template-page-size-guide .ff-guide-reassure .ff-panel .ff-eyebrow{color:#e8d9dd}.template-page-size-guide .ff-guide-reassure .ff-btn{background:var(--ff-canvas);border-color:var(--ff-canvas);color:var(--ff-wine)}.template-page-size-guide .ff-guide-reassure .ff-btn:hover{box-shadow:0 8px 24px #00000024}.template-page-size-guide .ff button:focus-visible,.template-page-size-guide .ff a:focus-visible,.template-page-size-guide .ff input:focus-visible,.template-page-size-guide .ff summary:focus-visible{outline:2px solid var(--ff-wine);outline-offset:3px}.template-page-size-guide .ff-surface--wine button:focus-visible,.template-page-size-guide .ff-surface--wine a:focus-visible{outline-color:var(--ff-on-dark)}@media(max-width:860px){.template-page-size-guide .ff-guide-finder:after{width:70%;height:34%;right:-30%;top:8%}.template-page-size-guide .ff-guide-how .ff-guide-plane{padding:22px 18px 18px;border-radius:14px}.template-page-size-guide .ff-guide-how .ff-guide-plane:before{left:18px;width:54px}.template-page-size-guide .ff-guide-chart .ff-chart-shell{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-4px;margin-right:-4px;padding:8px 10px 12px}.template-page-size-guide .ff-guide-chart .ff-sec{overflow:visible}.template-page-size-guide .ff-guide-chart .ff-table{min-width:650px}.template-page-size-guide .ff-chart-swipe{display:block;margin:0 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ff-text-soft)}.template-page-size-guide .ff-guide-pitfalls .ff-sec{padding-top:28px;padding-bottom:28px}.template-page-size-guide .ff-guide-breed .ff-disc{padding:0 14px}}@media(prefers-reduced-motion:reduce){.template-page-size-guide .ff *,.template-page-size-guide .ff *:before,.template-page-size-guide .ff *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ff-guide-v4.css.map */