@tailwind base;@tailwind components;@tailwind utilities;body.svs-open{height:100%;overflow:hidden}.svs-wrapper.closed .svs-panel{max-width:0}.svs-wrapper.closed .svs-overlay{opacity:0}.svs-wrapper.collapsed{display:none}.svs-overlay{background-color:rgba(0,0,0,.75);height:100%;position:fixed;top:0;width:100%;z-index:1000}.svs-wrapper:not(.open) .svs-overlay{opacity:0;right:-99999px;transition:opacity .3s ease-in,right 0s linear .3s}.svs-wrapper.open .svs-overlay{opacity:1;right:0;transition:opacity .3s ease-in,right 0s linear}.svs-panel{background-color:#fff;max-width:375px;overflow:hidden;position:fixed;right:0;top:0;transition:max-width .3s ease-in;z-index:1001}.svs-panel,.svs-panel__content{display:flex;flex-direction:column;height:100%;width:375px}.svs-panel__content{padding:15px}.svs-panel__filters{grid-gap:10px;display:flex;padding:15px 0}.svs-panel__header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;font-weight:700;justify-content:space-between;padding-bottom:15px;text-transform:uppercase}.svs-panel__header .svs-panel-selection{margin-left:5px}.svs-panel__header .svs-panel-close{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0}.svs-panel__header .svs-panel-close:hover svg{fill:#000}.svs-panel__variants{grid-gap:15px;display:flex;flex:1;flex-direction:column;overflow-y:auto}.svs-search{align-items:center;border:1px solid #a9a9a9;border-radius:4px;display:flex;flex:1}.svs-search:has(input:focus){border-color:#000}.svs-search__icon{align-items:center;display:flex;justify-content:center;width:40px}.svs-search__icon svg{display:block}.svs-search__input{flex:1}.svs-search input,.svs-search input:active,.svs-search input:focus,.svs-search input:focus-visible,.svs-search input:focus-within,.svs-search input:hover{background:none;border:none;border-radius:0;box-shadow:none;font-family:inherit;font-size:14px;height:40px;outline:none;padding:0;width:100%}.svs-sort{grid-gap:10px;align-items:center;border:1px solid #a9a9a9;border-radius:4px;cursor:pointer;display:flex;flex:1;padding:0 15px}.svs-sort__icon svg{display:block}.svs-sort__label{flex:1;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.svs-sort-popup{background-color:#fff;border:1px solid #a9a9a9;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.15);display:flex;flex-direction:column;min-width:100%;padding:10px;position:absolute;right:0;top:100%}.svs-sort-popup button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;flex:1;font-family:inherit;font-size:.9em;line-height:36px;padding:0 10px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.svs-sort-popup button:hover{background-color:#f5f5f5}.svs-sort-wrapper{display:flex;flex-direction:column;overflow:visible;position:relative}.svs-sort-wrapper.hide .svs-sort-popup{display:none}.svs-sort-wrapper.show .svs-sort{border-color:#000}.svs-variation{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid #b1b2b5;border-radius:4px;cursor:pointer;display:flex;gap:15px;padding:15px}.svs-variation:hover{border-color:#666}.svs-variation>span{display:block}.svs-variation__details{flex:1}.svs-variation__selection{border:3px solid #fff;border-radius:10px;height:20px;outline:1px solid #b1b2b5;width:20px}.svs-variation__image{height:35px;width:80px}.svs-variation__image img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.svs-variation.selected,.svs-variation.selected:focus{outline:2px solid #000;outline-offset:-3px}.svs-variation.selected .svs-variation__selection:before,.svs-variation.selected:focus .svs-variation__selection:before{background-color:#000;border-radius:12px;content:"";display:block;height:100%;width:100%}