/*!
 * Copyright (c) 2022 WEBLIFE
 *
 * Permission is granted to use this file for the period specified in the contract 
 * between WEBLIFE and the client. Usage of this file beyond the contract period 
 * is strictly prohibited unless an extended license or written permission is obtained.
 *
 * Modifying or editing this file without prior written consent from WEBLIFE 
 * is not permitted.
 *
 * THE FILE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, 
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A 
 * PARTICULAR PURPOSE AND NONINFRINGEMENT.
 */
.wl-gift-selection{padding:2rem 0}.wl-gift-selection__header{text-align:left;margin-bottom:1.6rem;font-size:1.4rem;font-weight:700}.wl-gift-selection__title{font-size:1.4rem;font-weight:700;margin:0 0 1.6rem}.wl-gift-selection__main{background:rgb(var(--color-background));padding:0;margin-bottom:3.7rem}@media screen and (width < 750px){.wl-gift-selection__main{margin-bottom:1.5rem}}.wl-gift-selection__note{font-size:1.4rem;font-weight:500;color:rgba(var(--color-foreground),.8);margin-top:0;margin-bottom:3rem}@media screen and (width < 750px){.wl-gift-selection__note{margin-bottom:4rem}}.wl-gift-selection__options-title{font-size:1.8rem;font-weight:600;color:rgb(var(--color-foreground));margin:0 0 2.4rem;padding-bottom:1.2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.wl-gift-selection__option-group{margin-bottom:1rem}.wl-gift-selection__option-group:last-child{margin-bottom:0}.wl-gift-selection__dropdown{position:relative;width:100%}.wl-gift-selection__option-icon{background:rgba(var(--color-foreground),.1);border-radius:.4rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:rgba(var(--color-foreground),.6);transition:all .2s var(--ease-out-cubic-bezier);overflow:hidden}.wl-gift-selection__option-icon img{width:100%;height:100%;object-fit:cover;border-radius:.2rem}.wl-gift-selection__option-text{font-weight:500;transition:all .2s var(--ease-out-cubic-bezier)}.wl-gift-selection__dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),var(--border-700-opacity));border-radius:.3rem;cursor:pointer;transition:all .2s var(--ease-out-cubic-bezier);font-size:1.4rem;color:rgb(var(--color-foreground))}.wl-gift-selection__dropdown-toggle:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.25)}.wl-gift-selection__dropdown-toggle.active{background:rgb(var(--color-background));border-color:rgb(var(--color-button));box-shadow:0 0 0 .3rem rgba(var(--color-button),.1)}.wl-gift-selection__dropdown-toggle.selected{background:rgba(var(--color-button),.1);border-color:rgb(var(--color-button));box-shadow:0 0 0 .2rem rgba(var(--color-button),.1)}.wl-gift-selection__dropdown-toggle.selected .wl-gift-selection__option-text{color:rgb(var(--color-button));font-weight:600}.wl-gift-selection__dropdown-toggle.selected .wl-gift-selection__option-icon{background:rgba(var(--color-button),.2);color:rgb(var(--color-button))}.wl-gift-selection__dropdown-content{display:flex;align-items:center;gap:1.2rem}.wl-gift-selection__dropdown-arrow{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;transition:transform .2s var(--ease-out-cubic-bezier);color:rgb(var(--color-foreground))}.wl-gift-selection__dropdown-toggle.active .wl-gift-selection__dropdown-arrow{transform:rotate(180deg)}.wl-gift-selection__dropdown-menu{position:absolute;top:100%;left:0;right:0;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),var(--border-700-opacity));border-radius:.3rem;box-shadow:0 1rem 1.5rem -.3rem rgba(var(--color-foreground),.1),0 .4rem .6rem -.2rem rgba(var(--color-foreground),.05);z-index:1000;margin-top:.4rem;opacity:0;visibility:hidden;transform:translateY(-.8rem);transition:all .2s var(--ease-out-cubic-bezier)}.wl-gift-selection__dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.wl-gift-selection__dropdown-item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;cursor:pointer;transition:background-color .15s var(--ease-out-cubic-bezier);border-bottom:.1rem solid rgba(var(--color-foreground),.08);font-size:1.4rem;position:relative}.wl-gift-selection__dropdown-item:last-child{border-bottom:none}.wl-gift-selection__dropdown-item:hover{background-color:rgba(var(--color-foreground),.05)}.wl-gift-selection__dropdown-item.selected{background-color:rgba(var(--color-button),.08);color:rgb(var(--color-button))}.wl-gift-selection__dropdown-item.selected .wl-gift-selection__option-icon{background:rgba(var(--color-button),.15);color:rgb(var(--color-button))}.wl-gift-selection__dropdown-item:active{transform:scale(.98)}.wl-gift-selection__option-price{font-size:1.2rem;font-weight:600;color:rgb(var(--color-button));margin-left:auto;margin-right:.8rem;padding:.2rem .6rem;background:rgba(var(--color-button),.1);border-radius:.4rem;white-space:nowrap}.wl-gift-selection__check-icon{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;margin-left:auto;color:rgb(var(--color-button));opacity:0;transition:opacity .2s var(--ease-out-cubic-bezier);flex-shrink:0;flex-grow:0}.wl-gift-selection__dropdown-item.selected .wl-gift-selection__check-icon{opacity:1}.wl-gift-selection__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem 3rem;margin-top:2.4rem}.wl-gift-selection__btn{padding:1.2rem 2.4rem;border-radius:.6rem;font-size:1.4rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s var(--ease-out-cubic-bezier);min-height:4.4rem;min-width:12rem}.wl-gift-selection__btn--reset{background:transparent;color:rgba(var(--color-foreground),.7);border:.1rem solid rgba(var(--color-foreground),var(--border-700-opacity))}.wl-gift-selection__btn--reset:hover{background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.wl-gift-selection__btn--confirm{background:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border:.1rem solid transparent}.wl-gift-selection__btn--confirm:hover{background:rgb(var(--color-button));transform:translateY(-.1rem);box-shadow:0 .4rem .8rem rgba(var(--color-button),.3)}@media screen and (width < 750px){.wl-gift-selection__container{padding:0}.wl-gift-selection__dropdown-toggle{padding:1.4rem 1.6rem}.wl-gift-selection__dropdown-item{padding:1.2rem 1.6rem}.wl-gift-selection__actions{flex-direction:column;width:100%}.wl-gift-selection__actions .wl-gift-selection__btn{width:100%}.wl-gift-selection__articles-grid{grid-template-columns:1fr}}