.free-sample-selector{margin:1rem 0;border:1px solid rgb(var(--border-color));border-radius:8px;background:rgb(var(--background));overflow:hidden}.free-sample-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:rgb(var(--background));border:none;cursor:pointer;transition:all .3s ease;font-family:inherit;color:rgb(var(--text-color))}.free-sample-toggle:hover{background:rgba(var(--text-color),.05)}.free-sample-toggle-text{font-weight:600;font-size:1rem}.free-sample-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.free-sample-toggle[aria-expanded=true] .free-sample-toggle-icon{transform:rotate(180deg)}.free-sample-content{max-height:0;overflow:hidden;padding:0 1rem;transition:max-height .4s ease}.free-sample-content.expanded{max-height:1000px;padding-bottom:1rem}.free-sample-main-description{margin-bottom:1rem;color:rgb(var(--text-subdued))}.free-sample-options fieldset{border:none;margin:0;padding:0}.free-sample-option{margin-bottom:.75rem}.free-sample-option:last-child{margin-bottom:0}.free-sample-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.free-sample-label{display:flex;align-items:center;gap:.75rem;padding:.35rem;border:1px solid rgb(var(--border-color));border-radius:6px;cursor:pointer;transition:all .2s ease;background:rgb(var(--background))}.free-sample-label:hover{border-color:rgb(var(--text-color));box-shadow:0 2px 4px #0000001a}.free-sample-option input[type=radio]:checked+.free-sample-label{border-color:rgb(var(--primary-color, var(--text-color)));background:rgba(var(--primary-color, var(--text-color)),.05)}.free-sample-checkbox{width:18px;height:18px;border:2px solid rgb(var(--border-color));border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.free-sample-option input[type=radio]:checked+.free-sample-label .free-sample-checkbox{border-color:rgb(var(--primary-color, var(--text-color)));background:rgb(var(--primary-color, var(--text-color)))}.free-sample-option input[type=radio]:checked+.free-sample-label .free-sample-checkbox:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.free-sample-image{flex-shrink:0}.free-sample-image img{width:30px;height:30px;object-fit:cover;border-radius:4px;border:1px solid rgb(var(--border-color))}.free-sample-content-text{display:flex;flex-direction:column;flex:1}.free-sample-name{font-weight:600;font-size:.95rem;color:rgb(var(--text-color));line-height:1}.free-sample-description{font-size:.7rem;color:rgb(var(--text-subdued))}.free-sample-text{font-weight:500;color:rgb(var(--text-color))}@media (max-width: 767px){.free-sample-selector{margin:.75rem 0}.free-sample-label{padding:.35rem;gap:.5rem}.free-sample-image img{width:30px;height:30px}.free-sample-name{font-size:.9rem}.free-sample-description{font-size:.8rem}}.makeup-color-selector{margin:1rem 0;border:1px solid rgb(var(--border-color));border-radius:8px;background:rgb(var(--background));overflow:hidden}.makeup-color-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:rgb(var(--background));border:none;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:1rem}.makeup-color-toggle:hover{background:rgba(var(--text-color),.05)}.makeup-color-toggle-text{font-weight:600;font-size:1rem}.makeup-color-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.makeup-color-toggle[aria-expanded=true] .makeup-color-toggle-icon{transform:rotate(180deg)}.makeup-color-content{max-height:0;overflow:hidden;padding:0 1rem;transition:max-height .4s ease}.makeup-color-content.expanded{max-height:1000px;padding-bottom:1rem}.makeup-color-options fieldset{border:none;margin:0;padding:0}.makeup-color-option{margin-bottom:.75rem}.makeup-color-option:last-child{margin-bottom:0}.makeup-color-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.makeup-color-label{display:flex;align-items:center;gap:.75rem;padding:.35rem;border:1px solid rgb(var(--border-color));border-radius:6px;cursor:pointer;transition:all .2s ease;background:rgb(var(--background))}.makeup-color-label:hover{border-color:rgb(var(--text-color));box-shadow:0 2px 4px #0000001a}.makeup-color-option input[type=radio]:checked+.makeup-color-label{border-color:rgb(var(--primary-color, var(--text-color)));background:rgba(var(--primary-color, var(--text-color)),.05)}.makeup-color-checkbox{width:18px;height:18px;border:2px solid rgb(var(--border-color));border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.makeup-color-option input[type=radio]:checked+.makeup-color-label .makeup-color-checkbox{border-color:rgb(var(--primary-color, var(--text-color)));background:rgb(var(--primary-color, var(--text-color)))}.makeup-color-option input[type=radio]:checked+.makeup-color-label .makeup-color-checkbox:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.makeup-color-image{flex-shrink:0}.makeup-color-image img{width:30px;height:30px;object-fit:cover;border-radius:4px;border:1px solid rgb(var(--border-color))}.makeup-color-content-text{display:flex;flex-direction:column;flex:1}.makeup-color-name{font-weight:600;font-size:.95rem;color:rgb(var(--text-color));line-height:1}.makeup-color-description{font-size:.7rem;color:rgb(var(--text-subdued))}@media (max-width: 767px){.makeup-color-selector{margin:.75rem 0}.makeup-color-label{padding:.35rem;gap:.5rem}.makeup-color-image img{width:30px;height:30px}.makeup-color-name{font-size:.9rem;line-height:1}.makeup-color-description{font-size:.8rem;line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom.css.map */
