.formula-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none}.formula-drawer[aria-hidden=false]{pointer-events:auto}.formula-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(114.89deg,#ccc3 19.73%,#8f8f8f33 53.83%,#2b2b2b33 80.61%);opacity:0;transition:opacity .35s ease;cursor:pointer}.formula-drawer[aria-hidden=false] .formula-drawer__overlay{opacity:1}.formula-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:728px;max-width:100vw;background:var(--color-white, #fff);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.formula-drawer[aria-hidden=false] .formula-drawer__panel{transform:translate(0)}.formula-drawer__close{position:absolute;top:24px;right:24px;z-index:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;color:var(--color-blue-primary, #0c2045)}.formula-drawer__close .svg-wrapper{width:25px;height:25px}.formula-drawer__scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.formula-drawer__inner{display:flex;flex-direction:column;gap:var(--spacing-7, 40px);align-items:center;padding:80px 58px}.formula-drawer__section{display:flex;flex-direction:column;gap:var(--spacing-5, 24px);width:612px;max-width:100%}.formula-drawer__section-title{color:var(--color-blue-primary, #0c2045);margin:0}.formula-drawer__section-intro{display:flex;flex-direction:column;gap:var(--spacing-2, 8px)}.formula-drawer__section-desc{color:var(--color-blue-primary, #0c2045);margin:0}.formula-drawer__cards-wrap{display:flex;gap:12px;align-items:stretch;position:relative}.formula-drawer__card{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--spacing-3, 12px);padding:var(--spacing-4, 16px);border:1px solid var(--color-grey-light, #ccc);border-radius:var(--radius-2, 20px);background:var(--color-white, #fff);overflow:hidden}.formula-drawer__card--featured{border-color:var(--color-blue-light, #3973e1);overflow:visible}.formula-drawer__best-seller{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--color-blue-light, #3973e1);color:var(--color-white, #fff);padding:var(--spacing-2, 8px) var(--spacing-4, 16px);border-radius:15px;line-height:1;letter-spacing:0;white-space:nowrap}.formula-drawer__card-top{display:flex;flex-direction:column;gap:var(--spacing-2, 8px);padding-top:var(--spacing-2, 8px)}.formula-drawer__card-name{font-family:Helvetica Neue,sans-serif;font-size:18px;font-weight:500;color:var(--color-blue-primary, #0c2045);line-height:1.1;margin:0}.formula-drawer__tag{display:inline-flex;align-items:center;justify-content:center;background:var(--color-grey-dark, #7e7e7e);color:var(--color-white, #fff);padding:var(--spacing-1, 4px) var(--spacing-2, 8px);border-radius:15px;font-family:Helvetica Neue,sans-serif;font-size:14px;font-weight:500;line-height:1;text-transform:uppercase;width:fit-content}.formula-drawer__card-body{color:var(--color-blue-primary, #0c2045);margin:0}.formula-drawer__card .formula-drawer__card-body{font-size:13px;line-height:1.2}.formula-drawer__option-card .formula-drawer__card-body{color:var(--color-grey-dark, #7e7e7e);font-size:14px;letter-spacing:.14px}.formula-drawer__features{display:flex;flex-direction:column;gap:var(--spacing-1, 4px);list-style:none;padding:0;margin:0}.formula-drawer__feature{display:flex;gap:10px;align-items:flex-start}.formula-drawer__feature-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;margin-top:2px}.formula-drawer__feature-icon svg{width:14px;height:10px}.formula-drawer__feature span:last-child{color:var(--color-blue-primary, #0c2045);flex:1}.formula-drawer__options-wrap{display:flex;gap:12px;align-items:stretch}.formula-drawer__option-card{flex:1;display:flex;flex-direction:column;gap:16px;padding:var(--spacing-4, 16px);border:1px solid var(--color-grey-light, #ccc);border-radius:var(--radius-2, 20px);background:var(--color-white, #fff);overflow:hidden}.formula-drawer__option-icon{width:24px;height:24px;flex-shrink:0;display:block}.formula-drawer__accordion{background:#e9eaec;border:1px solid #d9d9d9;border-radius:20px;overflow:hidden}.formula-drawer__accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4, 16px);background:transparent;border:none;cursor:pointer;text-align:left;gap:var(--spacing-2, 8px)}.formula-drawer__accordion-label{color:var(--color-blue-primary, #0c2045);text-transform:uppercase;line-height:1.5}.formula-drawer__accordion-arrow{flex-shrink:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-blue-primary, #0c2045);border-radius:50%;color:var(--color-blue-primary, #0c2045)}.formula-drawer__icon-minus,.formula-drawer__icon-plus{display:block}.formula-drawer__accordion-toggle[aria-expanded=true] .formula-drawer__icon-plus,.formula-drawer__accordion-toggle[aria-expanded=false] .formula-drawer__icon-minus{display:none}.formula-drawer__accordion-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease;overflow:hidden}.formula-drawer__accordion-body--closed{grid-template-rows:0fr}.formula-drawer__accordion-body-inner{overflow:hidden;min-height:0}.formula-drawer__accordion-body-content{display:flex;flex-direction:column;gap:var(--spacing-5, 24px);padding:0 var(--spacing-4, 16px) var(--spacing-4, 16px)}.formula-drawer__table{display:flex;flex-direction:column}.formula-drawer__table-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:start;padding-block:8px;border-bottom:1px solid #d9d9d9;color:var(--color-blue-primary, #0c2045)}.formula-drawer__table-row--header{border-bottom:none;padding-bottom:0}.formula-drawer__table-row--header .formula-drawer__table-col-label{color:var(--color-blue-light, #3973e1);font-weight:700;text-align:center}.formula-drawer__table-row span:not(:first-child){text-align:center}.formula-drawer__table--3col .formula-drawer__table-row{grid-template-columns:1fr 1fr 1fr 1fr}.formula-drawer__note{display:flex;flex-direction:column;gap:4px}.formula-drawer__note-title{color:var(--color-blue-primary, #0c2045);font-family:Helvetica Neue,sans-serif;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:.14px;margin:0}.formula-drawer__note-text{color:var(--color-grey-dark, #7e7e7e);margin:0}.formula-drawer__cta{display:flex;align-items:center;justify-content:center;width:612px;max-width:100%;height:60px;padding:16px 12px;background:var(--color-blue-primary, #0c2045);color:var(--color-white, #fff);text-decoration:none;border-radius:10px;letter-spacing:.5px;transition:opacity .2s ease}.formula-drawer__cta:hover{opacity:.85;color:var(--color-white, #fff)}@media screen and (max-width:749px){.formula-drawer__panel{width:100vw}.formula-drawer__inner{padding:60px 20px}.formula-drawer__close{top:16px;right:16px}.formula-drawer__section,.formula-drawer__cta{width:100%}.formula-drawer__cards-wrap,.formula-drawer__options-wrap{flex-direction:column}.formula-drawer__accordion-body{overflow-x:auto}.formula-drawer__table-row{grid-template-columns:100px 1fr 1fr}.formula-drawer__table--3col .formula-drawer__table-row{grid-template-columns:80px 1fr 1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/formula-drawer.css.map */