.viewing-list-widget__toggle{position:fixed;z-index:45;right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(var(--color-border));background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:999px;padding:12px 18px 12px 14px;box-shadow:var(--shadow);cursor:pointer;transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease;font-family:var(--font-body-family);font-size:1.3rem}.viewing-list-widget__toggle:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgb(var(--color-heading) / .18)}.viewing-list-widget__toggle svg{width:20px;height:20px;flex-shrink:0}.viewing-list-widget__label{white-space:nowrap}@media only screen and (max-width:749px){.viewing-list-widget__toggle{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:12px}.viewing-list-widget__toggle .viewing-list-widget__label{display:none}}.template-product .viewing-list-widget__toggle{bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media only screen and (min-width:750px){.template-product .viewing-list-widget__toggle{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.viewing-list-widget__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:rgb(var(--btn-solid-bg));color:rgb(var(--btn-solid-text));font-size:1.1rem;line-height:1;font-weight:600}.viewing-list-widget__count[hidden]{display:none}.viewing-list-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.viewing-list-drawer[hidden]{display:none}.viewing-list-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-overlay) / .5);opacity:0;transition:opacity var(--duration-medium) ease}.viewing-list-drawer.is-open .viewing-list-drawer__overlay{opacity:1}.viewing-list-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:var(--max-width-drawer, 480px);background:rgb(var(--color-drawer-background, var(--color-background)));color:rgb(var(--color-foreground));display:flex;flex-direction:column;box-shadow:-12px 0 40px rgb(var(--color-heading) / .15);transform:translate(100%);transition:transform var(--duration-medium) ease}.viewing-list-drawer.is-open .viewing-list-drawer__panel{transform:translate(0)}@media only screen and (max-width:749px){.viewing-list-drawer__panel{top:auto;max-width:none;max-height:85vh;border-radius:16px 16px 0 0;transform:translateY(100%);padding-bottom:env(safe-area-inset-bottom,0px)}.viewing-list-drawer.is-open .viewing-list-drawer__panel{transform:translateY(0)}}.viewing-list-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 0}.viewing-list-drawer__title{font-family:var(--font-heading-family);font-size:var(--text-size-h5);margin:0}.viewing-list-drawer__close{border:none;background:none;padding:6px;cursor:pointer;color:rgb(var(--color-foreground));line-height:0}.viewing-list-drawer__close svg{width:18px;height:18px}.viewing-list-drawer__subtitle{padding:8px 20px 0;margin:0;font-size:var(--text-size-small);color:rgb(var(--color-foreground) / .75)}.viewing-list-drawer__body{flex:1;overflow-y:auto;padding:16px 20px}.viewing-list-drawer__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.viewing-list-drawer__item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px}.viewing-list-drawer__item-image{display:block;width:56px;height:56px;border-radius:var(--media-radius, 6px);overflow:hidden;background:var(--color-placeholder-bg, #f1f1f1)}.viewing-list-drawer__item-image img{width:100%;height:100%;object-fit:cover;display:block}.viewing-list-drawer__item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.viewing-list-drawer__item-title{font-size:var(--text-size-small);color:rgb(var(--color-foreground));text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewing-list-drawer__item-title:hover{text-decoration:underline}.viewing-list-drawer__item-price{font-size:var(--text-size-tiny);color:rgb(var(--color-foreground) / .7)}.viewing-list-drawer__item-remove{border:1px solid rgb(var(--color-border));background:none;border-radius:999px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--color-foreground));flex-shrink:0}.viewing-list-drawer__item-remove:hover{background:rgb(var(--color-foreground) / .06)}.viewing-list-drawer__empty{font-size:var(--text-size-small);color:rgb(var(--color-foreground) / .7);text-align:center;padding:40px 10px}.viewing-list-drawer__empty[hidden]{display:none}.viewing-list-drawer__footer{padding:16px 20px 20px;border-top:1px solid rgb(var(--color-border))}.viewing-list-drawer__disclaimer{font-size:var(--text-size-tiny);color:rgb(var(--color-foreground) / .65);margin:0 0 14px}.viewing-list-drawer__actions{display:flex;gap:10px;flex-wrap:wrap}.viewing-list-drawer__actions .btn{flex:1;min-width:140px;text-align:center}.viewing-list-drawer__actions [data-viewing-list-clear][hidden]{display:none}.viewing-list-drawer__actions a.is-disabled{pointer-events:none;opacity:.5}@media only screen and (max-width:749px){.viewing-list-drawer__actions [data-viewing-list-clear]{flex:0 0 auto;min-width:0;padding-left:16px;padding-right:16px}.viewing-list-drawer__actions [data-viewing-list-request]{flex:1 1 auto;min-width:0}}.viewing-list-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.viewing-list-add-btn--full{width:100%}.viewing-list-add-btn svg{width:16px;height:16px;fill:currentColor;transition:color var(--duration-default) ease,transform var(--duration-short) ease}.viewing-list-add-btn.is-added svg{color:#2f4339;transform:scale(1.08)}.viewing-list-add-btn--icon{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:999px;border:none;background:rgb(var(--color-background) / .92);color:rgb(var(--color-foreground));box-shadow:0 2px 10px rgb(var(--color-heading) / .12);transition:background-color var(--duration-default) ease,transform var(--duration-short) ease}.viewing-list-add-btn--icon:hover{transform:scale(1.08)}.viewing-list-add-btn--icon.is-added{background:#2f4339;color:#fff;box-shadow:0 2px 10px #2f433959}.viewing-list-add-btn--icon.is-added svg{color:#fff}.viewing-request-form__selection{margin-bottom:32px}.viewing-request-form__selection-title{margin:0 0 14px}.viewing-request-form__items{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:12px}.viewing-request-form__item{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:10px;border:1px solid rgb(var(--color-border));border-radius:var(--media-radius, 6px)}.viewing-request-form__item img{width:56px;height:56px;object-fit:cover;border-radius:4px;display:block}.viewing-request-form__item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.viewing-request-form__item-title{font-size:var(--text-size-small);color:rgb(var(--color-foreground));text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewing-request-form__item-title:hover{text-decoration:underline}.viewing-request-form__item-price{font-size:var(--text-size-tiny);color:rgb(var(--color-foreground) / .7)}.viewing-request-form__item-remove{border:1px solid rgb(var(--color-border));background:none;border-radius:999px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.viewing-request-form__empty{font-size:var(--text-size-small);color:rgb(var(--color-foreground) / .75);border:1px dashed rgb(var(--color-border));border-radius:var(--media-radius, 6px);padding:18px}.viewing-request-form__empty[hidden]{display:none}.viewing-request-form__noscript{font-size:var(--text-size-small);padding:12px;border:1px solid rgb(var(--color-border));border-radius:6px}@media(prefers-reduced-motion:reduce){.viewing-list-widget__toggle,.viewing-list-drawer__overlay,.viewing-list-drawer__panel,.viewing-list-add-btn--icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/viewing-list.css.map */