.cookie-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.cookie-modal--visible{opacity:1}.cookie-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.cookie-modal__content{position:relative;background:#fff;border-radius:8px;max-width:500px;width:90%;padding:3rem 2.5rem;box-shadow:0 10px 40px #0003;text-align:center}.cookie-modal__title{font-size:2.4rem;font-weight:600;margin:0 0 1.5rem;color:#000}.cookie-modal__body{margin-bottom:2.5rem}.cookie-modal__text{font-size:1.4rem;line-height:1.6;color:#333;margin:0 0 1rem}.cookie-modal__learn-more{color:#000;text-decoration:underline;font-size:1.4rem}.cookie-modal__actions{display:flex;gap:1rem;justify-content:center}.cookie-modal__button{flex:1;padding:1.2rem 2rem;border:none;border-radius:4px;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cookie-modal__button--primary{background:#000;color:#fff}.cookie-modal__button--primary:hover{background:#333}.cookie-modal__button--secondary{background:#fff;color:#000;border:1px solid #000}.cookie-modal__button--secondary:hover{background:#f5f5f5}.cookie-preferences{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;opacity:0;transition:opacity .3s ease}.cookie-preferences--visible{opacity:1}.cookie-preferences--visible .cookie-preferences__panel{transform:translateY(0)}.cookie-preferences__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.cookie-preferences__panel{position:absolute;bottom:0;left:0;right:0;background:#fff;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.cookie-preferences__header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e5e5e5;position:sticky;top:0;background:#fff;z-index:10}.cookie-preferences__title{font-size:1.8rem;font-weight:600;margin:0}.cookie-preferences__close{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:.5rem 1rem;text-decoration:underline}.cookie-preferences__body{padding:2rem}.cookie-preferences__intro{font-size:1.3rem;line-height:1.6;margin:0 0 2rem;color:#666}.cookie-preferences__item{border-bottom:1px solid #e5e5e5;margin-bottom:0}.cookie-preferences__item-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;cursor:pointer}.cookie-preferences__arrow{font-size:2rem;transition:transform .3s ease;line-height:1}.cookie-preferences__item-title{flex:1;font-size:1.4rem;font-weight:500;margin:0}.cookie-preferences__item-status{font-size:1.2rem;color:#666}.cookie-preferences__toggle{position:relative;width:44px;height:24px;display:inline-block}.cookie-preferences__toggle input{opacity:0;width:0;height:0}.cookie-preferences__toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.cookie-preferences__toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.cookie-preferences__toggle input:checked+.cookie-preferences__toggle-slider{background-color:#000}.cookie-preferences__toggle input:checked+.cookie-preferences__toggle-slider:before{transform:translate(20px)}.cookie-preferences__item-content{display:none;padding:0 0 1.5rem 3rem;font-size:1.3rem;line-height:1.6;color:#666}.cookie-preferences__item-content p{margin:0 0 1rem}.cookie-preferences__details-link{text-decoration:underline;color:#000;font-size:1.3rem}.cookie-preferences__footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem;border-top:1px solid #e5e5e5;position:sticky;bottom:0;background:#fff}.cookie-preferences__button{padding:1.2rem 2.4rem;border:none;border-radius:4px;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cookie-preferences__button--close{background:#fff;color:#000;border:none;font-weight:700}.cookie-preferences__button--close:hover{opacity:.7}.cookie-preferences__button--save{background:#000;color:#fff}.cookie-preferences__button--save:hover,.cookie-preferences__button--accept:hover{background:#333}@media screen and (max-width:749px){.cookie-modal__content{width:95%;padding:2rem 1.5rem}.cookie-modal__actions,.cookie-preferences__footer{flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-cookie-banner.css.map */