:root{--secondary-color: #C91F39;--teal-color: #07989A;--border-color: #E5E7EB;--text-gray: #64748b;--white: #FFFFFF;--black: #000000;--purple: #9747FF}.secondary-color{background-color:var(--secondary-color)}.components{padding:40px 20px}.component__content{display:flex;flex-direction:row;gap:20px}.component{margin-bottom:60px}.component__title{font-size:1.25rem;margin-bottom:30px}.component__content{padding:20px}.logo{max-width:200px;display:block}.button-group{display:grid;gap:20px;margin-bottom:20px;background-image:repeating-linear-gradient(0deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(180deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(270deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;border-radius:10px;padding:20px}.btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:4px;font-size:1rem;line-height:1;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn--primary{background-color:rgb(var(--color-button));color:var(--white)}.btn--primary:hover{filter:brightness(.9)}.btn--secondary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.btn--secondary:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-text))}.btn--outline{border:2px solid rgb(var(--color-button));color:rgb(var(--color-button));background:transparent}.btn--outline:hover{background-color:rgb(var(--color-button));color:var(--white)}.btn--icon{width:40px;height:40px;padding:0;border-radius:50%;border:2px solid #eee;background:var(--white)}.btn--icon svg{width:20px;height:20px;fill:var(--text-gray)}.btn--icon:hover{border-color:rgb(var(--color-button))}.btn--icon:hover svg{fill:rgb(var(--color-button))}.radio-group{display:flex;flex-direction:column;gap:10px;justify-content:space-around;max-height:124px;background-image:repeating-linear-gradient(0deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(180deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(270deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;border-radius:10px;padding:20px}.radio-button{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid rgb(var(--color-button));border-radius:50%;margin:0;cursor:pointer;box-shadow:0 0 0 6px #e524411a}.radio-button:checked{background-color:rgb(var(--color-button))}.slider-buttons .slider-button{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--white)}.slider-buttons .slider-button svg{color:rgb(var(--color-button))}.slider-buttons .slider-button.active{background:rgb(var(--color-button))}.slider-buttons .slider-button.active svg{color:var(--white)}.slider-buttons .slider-button:hover{background:rgb(var(--color-button))}.slider-buttons .slider-button:hover svg{color:var(--white)}.heart-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer}.heart-button.active svg{fill:rgb(var(--color-button))!important}.label{display:inline-flex;align-items:center;padding:.4rem 1.2rem;border-radius:100px;font-size:1.2rem;line-height:1.25;background:#fef4f2;color:#374151;gap:6px;margin-left:10px}.label__icon{width:26px;height:26px}.label__text-pink{font-weight:500}.label__text-blue{font-weight:500;background:#e6f5f5}.label__rating{color:var(--black);font-size:14px}.label-blue{background:#e6f5f5}.input-group{display:grid;gap:20px;max-width:400px;min-width:595px;background-image:repeating-linear-gradient(0deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(180deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(270deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;border-radius:10px;padding:20px}.select-group{display:flex;flex-direction:column;gap:20px;min-width:210px;background-image:repeating-linear-gradient(0deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(180deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(270deg,var(--purple) 0px,var(--purple) 10px,transparent 10px,transparent 20px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;border-radius:10px;padding:20px}.select{position:relative;height:48px}.select:before,.select:after{display:none!important}.select .svg-wrapper{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);pointer-events:none;transition:transform .2s ease;height:100%;width:1.5rem;display:flex;align-items:center;color:#333334}.select .facets__summary .svg-wrapper,.select.sort-field .svg-wrapper{right:2rem}.select .facets__summary,.select select{width:100%;height:100%;padding:8px 32px 8px 17px;border:1px solid var(--border-color)!important;border-radius:var(--inputs-radius);font-size:1.4rem;line-height:1.5;-webkit-appearance:none;appearance:none;background:var(--white);cursor:pointer;box-shadow:none!important;outline:none!important}.select .facets__summary,.select.sort-field select{padding:1.2rem 4.4rem 1.2rem 2rem}.select .facets__summary:focus,.select select:focus{outline:none;border-color:var(--color-button);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-button) 10%,transparent)}.input-field{position:relative}.input-field__label{display:block;font-size:14px;color:var(--text-gray);margin-bottom:4px}.input-field__input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;line-height:1.5;transition:all .2s ease}.input-field__input:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.input-field__input::placeholder{color:#9ca3af}.input-field__input--error{border-color:var(--color-button)}.input-field__input--error:focus{border-color:var(--color-button);box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.input-field__error{font-size:.875rem;color:var(--color-button);margin-top:4px}.field:before,.field:after{display:none!important}.field:hover:before,.field:hover:after{display:none!important}.field__input{border:1px solid #E5E5E5;box-shadow:none!important;outline:none!important}.field__input:hover,.field__input:focus-visible,.field__input:-webkit-autofill,.field__input:not(:placeholder-shown){box-shadow:none!important;outline:none!important;border:1px solid #E5E5E5}.field__input:focus{border:1px solid var(--teal-color);box-shadow:none!important;outline:none!important}.field__input:-webkit-autofill,.field__input:-webkit-autofill:hover,.field__input:-webkit-autofill:focus{-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid #E5E5E5}.field__input::placeholder{opacity:1}.input-field.alert .input-field__label{color:rgb(var(--color-button))}.input-field.alert .field__input{border:1px solid rgb(var(--color-button))!important}.checkmark-icon{display:inline-block;width:16px;height:16px}.checkmark-icon svg{width:100%;height:100%;fill:rgb(var(--color-button))}.button:hover{background-color:rgb(var(--color-button-hover));color:rgb(var(--color-button-label-hover))}@media screen and (min-width: 990px){.select .facets__summary,.select select{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/components.css.map */
