.details{display:flex;overflow:hidden;flex-flow:column;transition:background-color .3s ease;outline:none;background-color:var(--color-main-bright);box-shadow:none;scroll-padding-top:100px;-webkit-appearance:none;appearance:none}.details:hover{background-color:var(--color-white)}@media (min-width: 1028px){.details{border-radius:5px}}.details .icon-checkmark,.details .step-counter{display:none}.details .info-button{font-family:Poppins,georgia;font-size:1.3rem;font-weight:400;font-style:normal;line-height:2.08rem;font-feature-settings:"ss06" on}@media (min-width: 768px){.details .info-button{font-size:1.4rem}}.details .info-button{position:relative;right:var(--spacing-3x);display:flex;margin-left:auto;padding-top:var(--spacing-4x);text-align:right;color:var(--color-accent-blue);gap:var(--spacing-1x)}@media (min-width: 1028px){.details .info-button{position:relative;right:unset;bottom:unset;display:none;padding-top:0;text-decoration:underline;color:var(--color-black)}}.details .info-button--summary{display:none}.details .info-button svg{width:20px;height:20px}@media (min-width: 1028px){.details .info-button svg{display:none}}.details .button-open{position:absolute;top:0;right:var(--spacing-1x);display:none;align-items:center;width:26px;height:26px;border-color:var(--color-main-light);background-color:var(--color-main-light);appearance:none;-webkit-appearance:none}@media (min-width: 1028px){.details .button-open{right:var(--spacing-3x)}}.details .button-open .icon-chevron{width:11px}.details .button-open .icon-chevron:before{top:40%}.details .button-open .icon-chevron:after{top:40%}.details .button-open .text{display:none}.details__summary{position:relative;padding:25px var(--spacing-2x);list-style:none;cursor:pointer;outline:none}.details__summary .pencil-hover{position:absolute;top:0;display:none;visibility:hidden;transition:opacity .5s ease;opacity:0}@media (min-width: 1028px){.details__summary .pencil-hover{right:0}}@media (min-width: 1028px){.details__summary:hover .pencil-hover{visibility:visible;opacity:1}}@media (min-width: 1028px){.details__summary{padding:29px var(--spacing-3x)}}.details__summary .summary__inner{display:flex;align-items:center;transition:transform .5s ease;transform:translateZ(0);gap:var(--spacing-2x)}.details__summary .summary__inner h3{font-family:MrGinto Nord,georgia;font-size:1.4rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}@media (min-width: 768px){.details__summary .summary__inner h3{font-size:1.4rem;line-height:1.8rem}}.details__summary .summary__inner h3{font-size:1.8rem;line-height:2.34rem}@media (min-width: 768px){.details__summary .summary__inner h3{font-size:2.5rem;line-height:3.1rem}}.details__summary .summary__inner .option-value{font-family:Poppins,georgia;font-size:1.4rem;font-weight:400;font-style:normal;line-height:2.24rem;font-feature-settings:"ss06" on}@media (min-width: 768px){.details__summary .summary__inner .option-value{font-size:1.4rem}}.details__summary .summary__inner .option-value{margin-left:var(--spacing-1x)}.details__content{display:flex;flex-flow:column;width:100%;max-width:690px;height:0;margin:0 auto;padding:0 var(--spacing-3x);cursor:default}.details__content .content__inner{padding:var(--spacing-5x) var(--spacing-3x) var(--spacing-2x);transition:all .5s ease;transition-property:opacity,transform;transform:scale(.8) translate3d(0,-10%,0);opacity:0}@media (min-width: 1028px){.details__content .content__inner{padding:var(--spacing-10x) 0}}.details__content .content__inner .image-holder--controls{overflow:hidden;width:100%;max-height:247px;border-radius:8px}.details__content .content__inner .image-holder--controls img{width:100%;max-height:247px;object-fit:contain}.details__content .content__inner button{display:inline-flex}@media (min-width: 1028px){.details__content{max-width:490px;margin:0 auto}}.details__content .description{font-family:Poppins,georgia;font-size:1.4rem;font-weight:400;font-style:normal;line-height:2.24rem;font-feature-settings:"ss06" on}@media (min-width: 768px){.details__content .description{font-size:1.4rem}}.details__content .description{margin-top:var(--spacing-5x);text-align:left}@media (min-width: 1028px){.details__content .description{margin-top:var(--spacing-6x)}}@media (min-width: 1028px){.details[aria-expanded=true] .info-button--summary{right:var(--spacing-9x);bottom:2px;display:block}}.details[aria-expanded=true] .details__summary{height:auto}.details[aria-expanded=true] .details__summary .summary__inner{transform:translate3d(0,var(--spacing-1x),0);grid-template-columns:25px auto auto}.details[aria-expanded=true] .details__summary .summary__inner .step-counter{display:flex;justify-content:center;width:28px}.details[aria-expanded=true] .details__summary .summary__inner .icon-chevron-right{display:none}.details[aria-expanded=true] .details__summary .summary__inner h3{font-family:MrGinto Nord,georgia;font-size:2.2rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}@media (min-width: 768px){.details[aria-expanded=true] .details__summary .summary__inner h3{font-size:3rem;line-height:130%}}@media (min-width: 1028px){.details[aria-expanded=true] .details__summary .summary__inner h3{font-size:2.5rem;line-height:3.1rem}}.details[aria-expanded=true] .details__content{height:auto}.details[aria-expanded=true] .details__content .content__inner{padding:var(--spacing-5x) 0 var(--spacing-2x);transform:scale(1) translateZ(0);opacity:1}@media (min-width: 1028px){.details[aria-expanded=true] .details__content .content__inner{padding:var(--spacing-10x) 0}}.details[aria-expanded=true] .button-open{display:flex}.details[silent],.details[silent] .details__summary .summary__inner,.details[silent] .details__content .content__inner{transition-duration:0s}.details.js-valid{background-color:var(--color-white)}.details.js-valid:hover .pencil-hover{display:block}.details.js-valid.js-open .details__summary .summary__inner{grid-template-columns:20px 25px auto auto}.details.js-valid.js-open .details__summary .summary__inner .step-counter,.details.js-valid.js-open .details__summary .summary__inner .option-value{display:none}.details.js-valid.js-open .button-open{display:flex}.details.js-valid .icon-chevron-right{display:none}.details.js-valid .icon-checkmark{display:block}.details.js-valid .button-open{display:none}.details--large{position:relative;background-color:var(--color-main-light)}.details--large:before{position:absolute;top:0;left:0;width:100%;height:1px;content:"";background-color:var(--color-main)}.details--large .button-open{top:50%;right:0;display:flex;transform:translateY(-50%)}@media (min-width: 768px){.details--large .button-open{right:var(--spacing-3x)}}.details--large .details__content{max-width:640px}.details--large .details__summary{height:58px}@media (min-width: 768px){.details--large .details__summary{height:88px}}@media (min-width: 1028px){.details--large .details__summary{height:128px}}.details--large .details__summary .summary__inner{max-width:1440px;height:100%;margin:0 auto}@media (min-width: 1028px){.details--large .details__summary .summary__inner{padding:0 144px}}.details--large .details__summary .summary__inner h3{font-family:MrGinto Nord,georgia;font-size:2.2rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}@media (min-width: 768px){.details--large .details__summary .summary__inner h3{font-size:3rem;line-height:130%}}.details--large .details__summary .summary__inner h3{font-size:1.8rem;line-height:2.38rem}.details--large[aria-expanded=true]{background-color:var(--color-white)}.details--large[aria-expanded=true] .details__content{max-width:640px}.details--large[aria-expanded=true] .details__summary{height:58px}@media (min-width: 768px){.details--large[aria-expanded=true] .details__summary{height:88px}}@media (min-width: 1028px){.details--large[aria-expanded=true] .details__summary{height:128px}}.details--large[aria-expanded=true] .details__summary .summary__inner h3{font-family:MrGinto Nord,georgia;font-size:2.2rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}@media (min-width: 768px){.details--large[aria-expanded=true] .details__summary .summary__inner h3{font-size:3rem;line-height:130%}}@media (min-width: 1028px){.details--large[aria-expanded=true] .details__summary .summary__inner h3{font-family:MrGinto Nord,georgia;font-size:2.2rem;font-weight:700;font-style:normal;line-height:120%;font-feature-settings:"ss06" on}}@media (min-width: 1028px) and (min-width: 768px){.details--large[aria-expanded=true] .details__summary .summary__inner h3{font-size:3rem;line-height:130%}}.details .js-hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/77/assets/snippets-details-option-card.css.map */