.shop-the-look-trigger{margin-top:1rem;text-align:center}.shop-the-look__trigger-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;color:rgb(var(--color-foreground));font-family:brother-1816;font-weight:100;text-transform:lowercase;font-size:14px;cursor:pointer;transition:color .3s ease}.shop-the-look__trigger-button:hover{color:#cf8a57}.shop-the-look__trigger-button svg{width:20px;height:20px}.shop-the-look__text{margin:0}.shop-the-look-options{display:none}.shop-the-look-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.shop-the-look-backdrop.active{display:block}@media screen and (max-width: 767px){.shop-the-look-options.active,.shop-the-look-modal-mobile{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background-color:rgb(var(--color-background));box-shadow:0 4px 20px #00000026;padding:0;display:flex!important;flex-direction:column;z-index:1001;max-height:85vh;overflow:hidden}.shop-the-look-modal-mobile.active{display:flex!important}}@media screen and (min-width: 768px){.shop-the-look-options.active{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffffa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;flex-direction:column;z-index:10;max-height:100%;overflow:hidden;overflow-anchor:none;width:auto;margin:0;padding:0}}.shop-the-look-options__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.1);position:sticky;top:0;background-color:rgb(var(--color-background));z-index:2}.shop-the-look-options__header h3{margin:0;font-family:brother-1816;font-weight:100;text-transform:lowercase;font-size:20px}.shop-the-look-options__close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.shop-the-look-options__products{padding:1rem 1rem 2rem;overflow-y:auto;flex:1}.shop-the-look-product{display:flex;flex-direction:row;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.shop-the-look-product:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.shop-the-look-product--anchor{padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:2px solid rgba(var(--color-foreground),.15)}.shop-the-look-product__image{width:100px;height:100px;flex-shrink:0;overflow:hidden}.shop-the-look-product__image img{width:100%;height:100%;object-fit:cover}.shop-the-look-product__info{flex:1;display:flex;flex-direction:column;gap:.75rem}.shop-the-look-product__title{margin:0;font-size:16px;font-family:brother-1816;font-weight:100;text-transform:capitalize;text-align:left}.shop-the-look-product .price{font-size:14px;margin:0;text-align:left;color:rgb(var(--color-foreground))}.shop-the-look-variants{display:flex;flex-direction:column;gap:.75rem;margin:0}.shop-the-look-variants .product-form__input{border:none;padding:0;margin:0;text-align:left;flex:unset}.shop-the-look-variants .form__label{font-size:11px;font-weight:500;margin-bottom:.5rem;display:block;text-transform:uppercase;letter-spacing:.5px;text-align:left}.shop-the-look-variants__options{display:flex;flex-wrap:wrap;gap:2px}.shop-the-look-variants input[type=radio]{position:absolute;visibility:hidden;pointer-events:none;width:1px;height:1px;opacity:0}.shop-the-look-variants label{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .8rem;border:1px solid rgba(var(--color-foreground),.2);cursor:pointer;font-size:11px;transition:all .3s ease;margin:0;min-width:40px}.shop-the-look-variants input[type=radio]:checked+label{background-color:#cf8a571a}.shop-the-look-variants input[type=radio]:disabled+label{opacity:.5;cursor:not-allowed}.shop-the-look-variants__select{width:100%;padding:.5rem 2rem .5rem .75rem;border:1px solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));font-size:12px;font-family:inherit;color:rgb(var(--color-foreground));cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2714%27%20height%3D%278%27%20viewBox%3D%270%200%2014%208%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M1%201l6%206%206-6%27%20stroke%3D%27%23333%27%20stroke-width%3D%271.5%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27/%3E%3C/svg%3E);background-repeat:no-repeat;background-position:right .7rem center;background-size:14px;transition:border-color .3s ease}.shop-the-look-variants__select:hover{border-color:rgba(var(--color-foreground),.4)}.shop-the-look-variants__select:focus{outline:none;border-color:#cf8a57;box-shadow:0 0 0 1px #cf8a57}.shop-the-look-variants__select:disabled{opacity:.5;cursor:not-allowed}.shop-the-look-variants__select.error{border-color:#e74c3c;box-shadow:0 0 0 1px #e74c3c;background-color:#e74c3c0d}.shop-the-look-error-message{color:#e74c3c;font-size:11px;margin-top:.25rem;font-weight:500;display:block}.shop-the-look-bulk-error{background-color:#e74c3c1a;color:#e74c3c;padding:.75rem;font-size:12px;font-weight:500;text-align:center;margin-bottom:1rem;border:1px solid rgba(231,76,60,.3)}.shop-the-look-variants label.is-metal{width:26px;height:26px;padding:0;background-size:cover;background-position:center;min-width:auto}.shop-the-look__add-single--text{background:none;border:none;color:#cf8a57;font-size:13px;font-family:brother-1816;font-weight:100;text-transform:lowercase;cursor:pointer;padding:0;margin-top:.5rem;text-decoration:underline;transition:color .3s ease;align-self:flex-start}.shop-the-look__add-single--text:hover:not(:disabled){color:#b3764a}.shop-the-look__add-single--text:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.shop-the-look__savings{text-align:center;margin:1rem 0;font-size:14px;color:#cf8a57;font-weight:500}.shop-the-look__add-all{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem}.shop-the-look__total{font-weight:600}@media screen and (min-width: 768px){.shop-the-look-options.active{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffffffa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;flex-direction:column;z-index:10;max-height:100%;overflow:hidden;width:auto;margin:0;padding:0}.shop-the-look-options__header{padding:1rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.shop-the-look-options__header h3{font-size:16px}.shop-the-look-options__products{padding:1rem;overflow-y:auto;flex:1}.shop-the-look-options.active .shop-the-look-product{flex-direction:row;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.shop-the-look-options.active .shop-the-look-product--anchor{padding-bottom:1.5rem;margin-bottom:1.5rem}.shop-the-look-options.active .shop-the-look-product__image{width:60px;height:60px}.shop-the-look-options.active .shop-the-look-product__info{gap:.5rem}.shop-the-look-options.active .shop-the-look-product__title{font-size:13px}.shop-the-look-options.active .shop-the-look-product .price{font-size:12px}.shop-the-look-options.active .shop-the-look-variants .form__label{font-size:10px}.shop-the-look-options.active .shop-the-look-variants__options{gap:1px}.shop-the-look-options.active .shop-the-look-variants label{font-size:10px;padding:.25rem .5rem;min-width:30px}.shop-the-look-options.active .shop-the-look-variants__select{font-size:11px;padding:.4rem 1.75rem .4rem .6rem}.shop-the-look-options.active .shop-the-look-error-message{font-size:10px}.shop-the-look-options.active .shop-the-look-bulk-error{font-size:11px;padding:.5rem;margin-bottom:.75rem}.shop-the-look-options.active .shop-the-look__add-single--text{font-size:11px;margin-top:.25rem}.shop-the-look-options.active .shop-the-look__add-all{max-width:100%;padding:.75rem;font-size:12px;margin-top:.5rem}}.shop-the-look__add-single.loading,.shop-the-look__add-all.loading{opacity:.7;pointer-events:none}.shop-the-look__add-single.loading:after,.shop-the-look__add-all.loading:after{content:"";width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem}@keyframes spin{to{transform:rotate(360deg)}}body.hello-adorn-app .shop-the-look-options.active{padding:1rem 1rem 6rem}
/*# sourceMappingURL=/cdn/shop/t/237/assets/component-shop-the-look.css.map */