html:has(.tpt-clickncollect-modal.show) body{overflow:hidden}html:has(.tpt-clickncollect-modal.show){scrollbar-gutter:stable}tpt-modal-component:focus-visible{box-shadow:none!important;outline:none!important}.modal-body_loading .loader-component{margin:50px auto}tpt-open-modal{cursor:pointer}tpt-modal-component{position:fixed;display:block;top:0;left:0;z-index:100000;opacity:0;visibility:hidden;width:100%;height:100%;padding:0 15px;overflow-x:hidden;overflow-y:auto;outline:0;background-color:#0000004d}tpt-modal-component.fade{transition:.2s linear}tpt-modal-component.show{opacity:1!important;visibility:visible!important}tpt-modal-component tpt-modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:10px 20px;background:#f8fff3;border-bottom:1px solid #d4d4d4;z-index:10}tpt-modal-component tpt-modal-header .close-modal{background:rgb(var(--color-background));color:rgb(var(--color-text));cursor:pointer;min-width:30px;width:30px;height:30px;border-radius:50%;border:none;padding:0;display:flex;align-items:center;justify-content:center;border:none!important;position:relative;margin:0 -10px;padding:0!important;min-height:unset;top:unset!important;right:unset!important}tpt-modal-component tpt-modal-header .close-modal svg{height:13px}tpt-modal-component tpt-dont-show{position:relative;display:flex;align-items:center;gap:6px;cursor:pointer}tpt-modal-component tpt-dont-show:before{content:"";display:block;width:16px;height:16px;border:1px solid rgba(0,0,0,.2)}tpt-modal-component tpt-dont-show.active:before{box-shadow:0 0 0 3px #fff inset;background:#000}tpt-modal-component .modal-no-padding tpt-modal-body{padding:0}tpt-modal-component .modal-no-title tpt-modal-header{background:none;border:none;padding:0}tpt-modal-component .modal-no-title tpt-modal-header .close-modal{position:absolute;top:5px;right:15px;z-index:5}tpt-modal-component tpt-modal-content{display:block}tpt-modal-component[data-position=content] tpt-modal-header{padding:10px 20px}tpt-modal-component[data-position=content] tpt-modal-header .modal-title{font-size:24px;font-weight:700}tpt-modal-component[data-position=content] tpt-modal-footer{padding:20px;border-top:1px solid #d4d4d4}tpt-modal-component[data-position=content] tpt-modal-body{position:relative;flex:1 1 auto;padding:20px}tpt-modal-component[data-position=content] tpt-modal-dialog{display:block;position:relative;width:auto;pointer-events:none;padding:0 15px;margin:40px auto;z-index:1055}tpt-modal-component[data-position=content].fade tpt-modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}tpt-modal-component[data-position=content].show tpt-modal-dialog{transform:none}tpt-modal-component[data-position=content] tpt-modal-content{background-color:#fff;position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-clip:padding-box;outline:0;border-radius:10px;overflow:hidden}tpt-modal-component[data-position=content] .modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 85px)}tpt-modal-component[data-position=right] tpt-modal-footer,tpt-modal-component[data-position=left] tpt-modal-footer{padding:20px 24px;border-top:1px solid #d4d4d4}tpt-modal-component[data-position=right] tpt-modal-header,tpt-modal-component[data-position=left] tpt-modal-header{padding:20px 24px;border-bottom:none}tpt-modal-component[data-position=right] tpt-modal-header .modal-title,tpt-modal-component[data-position=left] tpt-modal-header .modal-title{font-size:24px;font-weight:700}tpt-modal-component[data-position=right] tpt-modal-dialog,tpt-modal-component[data-position=left] tpt-modal-dialog{position:fixed;width:100%}tpt-modal-component[data-position=left] tpt-modal-dialog,tpt-modal-component[data-position=right] tpt-modal-dialog{height:100%}tpt-modal-component[data-position=left] tpt-modal-dialog,tpt-modal-component[data-position=right] tpt-modal-dialog{transition:transform .2s ease-out}tpt-modal-component[data-position=right] tpt-modal-dialog{right:0;transform:translate(100%)}.layou-rtl tpt-modal-component[data-position=right] tpt-modal-dialog{left:0;right:auto;transform:translate(-100%)}tpt-modal-component[data-position=left] tpt-modal-dialog{left:0;transform:translate(-100%)}.layout-rtl tpt-modal-component[data-position=left] tpt-modal-dialog{right:0;left:auto;transform:translate(100%)}tpt-modal-component[data-position=right].show tpt-modal-dialog,tpt-modal-component[data-position=left].show tpt-modal-dialog{transform:translate(0)}tpt-modal-component[data-position=left] tpt-modal-content,tpt-modal-component[data-position=right] tpt-modal-content{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;pointer-events:auto;background-clip:padding-box;outline:0}tpt-modal-component[data-position=left] tpt-modal-body,tpt-modal-component[data-position=right] tpt-modal-body{padding:15px 24px 40px;flex:1 1 auto;overflow-y:auto}tpt-modal-component[data-position=top] tpt-modal-dialog,tpt-modal-component[data-position=bottom] tpt-modal-dialog{position:fixed;display:block;left:0;right:0;height:auto;max-height:95%;background:#fff;overflow-y:auto;padding-top:0;transition:.3s}tpt-modal-component[data-position=bottom] tpt-modal-dialog{min-height:50%;bottom:0;transform:translateY(100%)}tpt-modal-component[data-position=bottom].show tpt-modal-dialog{transform:translateY(0)}tpt-modal-component[data-position=top] tpt-modal-dialog{top:0;transform:translateY(-100%)}tpt-modal-component[data-position=top].show tpt-modal-dialog{transform:translateY(0)}tpt-modal-component[data-position=bottom] tpt-modal-header{position:sticky;top:0;left:0;right:0;border-bottom:none}tpt-modal-component[data-position=bottom] tpt-modal-header .modal-title{opacity:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}tpt-modal-component[data-position=top] tpt-modal-body,tpt-modal-component[data-position=bottom] tpt-modal-body{padding:20px 0;display:block}.modal-title__icon-description{display:flex;align-items:center;column-gap:5px}.modal-title__icon-description .modal-title__title--value{font-size:14px;font-weight:600}.modal-title__icon-description .modal-title__des--value{font-size:12px;font-style:italic;font-weight:400}.modal-dialog-scrollable{height:calc(100% - 80px)}.modal-dialog-scrollable tpt-modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable tpt-modal-body{overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/176/assets/tpt-modal.css.map */