.sivana-quick-add{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:2px;background:var(--sivana-bg);color:var(--sivana-c1);box-shadow:0 24px 60px #30050533}.sivana-quick-add::backdrop{background:#21212166}.sivana-quick-add__close{position:absolute;top:8px;right:8px;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:none;color:var(--sivana-c1);cursor:pointer}.sivana-quick-add__close:focus:not(:focus-visible){outline:none}.sivana-quick-add__title:focus{outline:none}.sivana-quick-add__body{display:grid;grid-template-columns:200px minmax(0,1fr)}.sivana-quick-add__image{display:block;width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover}.sivana-quick-add__info{display:flex;flex-direction:column;gap:10px;padding:28px 24px 22px}.sivana-quick-add__title{margin:0;padding-right:24px;font-size:19px;font-weight:300;line-height:1.3;color:inherit}.sivana-quick-add__price{margin:0;font-size:15px}.sivana-quick-add__label{margin:6px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.sivana-quick-add__sizes{display:flex;flex-wrap:wrap;gap:6px}.sivana-quick-add__colors-wrap{display:grid;gap:10px}.sivana-quick-add__colors-wrap[hidden]{display:none}.sivana-quick-add__colors-wrap .sivana-quick-add__label{margin-top:0}.sivana-quick-add__label span{letter-spacing:normal;text-transform:none;color:var(--sivana-c6)}.sivana-quick-add__colors{display:flex;flex-wrap:wrap;gap:10px;padding:3px}.sivana-quick-add__color{width:32px;height:32px;padding:0;border:0;border-radius:50%;cursor:pointer;background-size:cover;background-position:center;box-shadow:0 0 0 1px var(--sivana-c3);transition:box-shadow .2s ease}.sivana-quick-add__color:hover{box-shadow:0 0 0 1px var(--sivana-c6)}.sivana-quick-add__color[aria-checked=true]{box-shadow:0 0 0 2px var(--sivana-bg),0 0 0 4px var(--sivana-c1)}.sivana-quick-add__color{position:relative}.sivana-quick-add__color.is-sold-out{opacity:.5}.sivana-quick-add__color.is-sold-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--sivana-bg) calc(50% - .75px),var(--sivana-bg) calc(50% + .75px),transparent calc(50% + .75px))}.sivana-quick-add__size{min-width:46px;height:40px;padding:0 10px;border:1px solid var(--sivana-c3);border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s ease}.sivana-quick-add__size:hover:not(:disabled){border-color:var(--sivana-c1)}.sivana-quick-add__size[aria-checked=true]{border-color:var(--sivana-c1);box-shadow:inset 0 0 0 1px var(--sivana-c1)}.sivana-quick-add__size:disabled{opacity:.4;text-decoration:line-through;cursor:default}.sivana-quick-add__submit{min-height:50px;margin-top:8px;border:1px solid var(--sivana-btn-filled);border-radius:2px;background:var(--sivana-btn-filled);color:var(--sivana-btn-filled-text);font:inherit;font-size:13px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,color .3s ease,opacity .2s ease}@media(hover:hover){.sivana-quick-add__submit:hover:not(:disabled,:active){background:var(--sivana-btn-filled-text);color:var(--sivana-btn-filled)}}.sivana-quick-add__submit:disabled{opacity:.55;cursor:default}.sivana-quick-add__error{margin:0;font-size:13px;color:#a3412f}.sivana-quick-add__details{align-self:flex-start;font-size:13px;color:inherit;text-decoration:underline;text-underline-offset:3px}@media screen and (min-width:750px){.sivana-quick-add{width:min(920px,calc(100vw - 64px))}.sivana-quick-add__body{grid-template-columns:minmax(0,46fr) minmax(0,54fr);min-height:min(560px,calc(100dvh - 64px))}.sivana-quick-add__image{height:100%;aspect-ratio:auto;min-height:100%}.sivana-quick-add__info{justify-content:center;gap:14px;padding:56px 56px 48px}.sivana-quick-add__close{top:16px;right:16px;width:40px;height:40px}.sivana-quick-add__title{padding-right:16px;font-size:26px;line-height:1.25;text-wrap:balance}.sivana-quick-add__price{font-size:18px}.sivana-quick-add__label{margin-top:18px}.sivana-quick-add__colors-wrap{margin-top:18px;gap:12px}.sivana-quick-add__colors-wrap .sivana-quick-add__label{margin-top:0}.sivana-quick-add__color{width:36px;height:36px}.sivana-quick-add__colors{gap:12px}.sivana-quick-add__sizes{gap:8px}.sivana-quick-add__size{min-width:56px;height:48px;font-size:14px}.sivana-quick-add__submit{min-height:56px;margin-top:22px}.sivana-quick-add__details{margin-top:4px}}@media screen and (max-width:749px){.sivana-quick-add{width:100%;max-width:none;max-height:88dvh;margin:auto 0 0;overflow-y:auto;overscroll-behavior:contain;border-radius:14px 14px 0 0;box-shadow:0 -12px 40px #30050529}.sivana-quick-add:before{content:"";display:block;width:40px;height:4px;margin:10px auto 0;border-radius:2px;background:var(--sivana-c3)}.sivana-quick-add__close{top:14px;right:10px}.sivana-quick-add__body{grid-template-columns:64px minmax(0,1fr);column-gap:14px;align-items:start;padding:14px 20px calc(20px + env(safe-area-inset-bottom,0px))}.sivana-quick-add__image{grid-row:1 / span 2;width:64px;height:auto;aspect-ratio:4 / 5}.sivana-quick-add__info{display:contents}.sivana-quick-add__info>*{grid-column:1 / -1}.sivana-quick-add__info>.sivana-quick-add__title{grid-column:2;align-self:end;padding-right:34px;font-size:16px;line-height:1.3}.sivana-quick-add__info>.sivana-quick-add__price{grid-column:2;margin-top:4px;font-size:14px}.sivana-quick-add__colors-wrap{margin-top:22px}.sivana-quick-add__label{margin:0}.sivana-quick-add__label[data-size-label]{margin-top:20px}.sivana-quick-add__sizes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sivana-quick-add__size{flex:1 1 48px;min-width:0;max-width:80px;height:46px}.sivana-quick-add__submit{width:100%;min-height:52px;margin-top:22px}.sivana-quick-add__error{margin-top:10px}.sivana-quick-add__details{justify-self:center;margin-top:16px}}@media(prefers-reduced-motion:no-preference){.sivana-quick-add[open]{animation:sivana-quick-add-in .24s cubic-bezier(.2,.7,.2,1)}.sivana-quick-add[open]::backdrop{animation:sivana-quick-add-fade .24s ease}@keyframes sivana-quick-add-in{0%{opacity:0;transform:translateY(12px)}}@keyframes sivana-quick-add-fade{0%{opacity:0}}}@media screen and (max-width:749px)and (prefers-reduced-motion:no-preference){.sivana-quick-add[open]{animation:sivana-quick-add-up .3s cubic-bezier(.2,.7,.2,1)}@keyframes sivana-quick-add-up{0%{transform:translateY(100%)}}}
/*# sourceMappingURL=/cdn/shop/t/261/assets/sivana-quick-add.css.map */