.my-custom-class{overflow:hidden}.overlay{background-color:#0006;width:100%;height:100%;position:fixed;top:0;right:0;opacity:0;visibility:hidden;z-index:11;transition:all .5s ease-in-out}.overlay.active{opacity:1;visibility:visible}.variant-sidebar-main{position:fixed;right:0;height:100%;transition:all .5s ease-in-out;opacity:0;visibility:hidden;pointer-events:none;z-index:11}.variant-sidebar-main.active{opacity:1;visibility:visible}.variant-sidebar-drawer{pointer-events:auto;max-width:100%;position:fixed;right:0;transition:transform .3s ease-in-out;background-color:var(--white-color);height:100%;z-index:11}@media(min-width:768px){.variant-sidebar-main{top:0}.variant-sidebar-drawer{width:479px;top:0;transform:translate(100%);-webkit-transform:translateX(100%);padding:30px 40px}}@media(max-width:767px){.variant-sidebar-main,.variant-sidebar-drawer{top:80px;height:calc(100% - 80px)}.variant-sidebar-drawer{width:100%;padding:20px;transform:translateY(100%);-webkit-transform:translateY(100%)}}.variant-sidebar-main.active .variant-sidebar-drawer{transform:none;-webkit-transform:none}.variant-title{position:relative;paddin-right:40px;margin-bottom:10px}.variant-title .h5{font-size:18px;font-weight:500;line-height:1.3;color:var(--base-color)}.close-btn{background-color:transparent;position:absolute;cursor:pointer;right:0;top:0;z-index:1}.close-btn svg{width:24px;height:24px}.variant-options{display:grid;grid-template-columns:1fr 1fr;max-height:100%;overflow-y:auto;margin-inline:-20px}.variant-options .variant-item{padding:15px 20px;display:flex;position:relative}.variant-options .variant-item .column{background:var(--grey-color-500);width:100%;cursor:pointer;min-height:150px;border-radius:4px;display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;padding:12px;column-gap:12px;row-gap:6px}.variant-options .variant-item:hover .column,.variant-options .variant-item.selected .column{box-shadow:0 0 0 5px #c66d55bf}.variant-item em img{max-width:73px;height:77px;max-height:77px}.variant-item span:not(.tt){line-height:1.4;font-weight:400;font-size:10px;display:block;opacity:.78}.vaiant-label{display:none}.vaiant-label span{line-height:1.3;font-weight:400;color:#333333bf}.vaiant-description .tt{color:var(--base-color);margin-bottom:8px;font-weight:400;font-size:12px;line-height:1.3;display:block}.desct{font-size:10px}#PAPERLEVEL .variant-options,#PAPERTYPE .variant-options,#PAPER .variant-options{grid-template-columns:1fr;text-align:left}#PAPERLEVEL .variant-options .vaiant-label,#PAPERTYPE .variant-options .vaiant-label,#PAPER .variant-options .vaiant-label{display:none}#PAPERLEVEL .variant-options li .column,#PAPERTYPE .variant-options li .column,#PAPER .variant-options li .column{text-align:left;flex-direction:row;justify-content:flex-start}@media(min-width:767.99px){#PAPERLEVEL .variant-options li .column,#PAPERTYPE .variant-options li .column,#PAPER .variant-options li .column{min-height:104px}}@media(max-width:767px){#PAPERLEVEL .variant-options li .column,#PAPERTYPE .variant-options li .column,#PAPER .variant-options li .column{min-height:72px}}@media(max-width:525px){.variant-options{margin-inline:-10px}.close-btn svg{width:14px;height:14px}.variant-options li{padding:10px}.variant-title .h5{font-size:14px}.variant-item em img{max-width:40px;height:40px;max-height:41px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/variant-style.css.map */