:root{--rn-close-size: 40px;--rn-close-inset: 16px;--rn-close-ink: #230052;--rn-close-bg: rgb(35 0 82 / .06);--rn-close-bg-hover: rgb(35 0 82 / .12);--rn-close-focus: #758BFD}@media(min-width:768px){:root{--rn-close-inset: 20px}}@media(min-width:1200px){:root{--rn-close-inset: 24px}}.rn-close--on-media{--rn-close-bg: rgb(255 251 241 / .92);--rn-close-bg-hover: rgb(255 251 241 / 1)}.rn-close,.ronini-bb-drawer__close,.drawer::part(close-button),.drawer-popover::part(close-button),.modal::part(close-button),.popover::part(close-button){box-sizing:border-box;position:relative;display:grid;place-items:center;flex:none;width:var(--rn-close-size);height:var(--rn-close-size);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:var(--rn-close-bg);color:var(--rn-close-ink);font-size:0;line-height:0;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,transform .12s ease}.rn-close--on-media{box-shadow:0 2px 8px #23005229}.rn-close svg,.drawer::part(icon),.drawer-popover::part(icon),.modal::part(icon),.popover::part(icon){display:block;width:16px;height:16px;pointer-events:none;rotate:none;transition:none}.rn-close:before,.ronini-bb-drawer__close:before,.drawer::part(close-button):before,.drawer-popover::part(close-button):before,.modal::part(close-button):before,.popover::part(close-button):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:none;transform:none;z-index:0}@media(pointer:coarse){.rn-close:before,.ronini-bb-drawer__close:before,.drawer::part(close-button):before,.drawer-popover::part(close-button):before,.modal::part(close-button):before,.popover::part(close-button):before{top:-2px;right:-2px;bottom:-2px;left:-2px}}.ronini-bb-drawer__close:not(.rn-close):after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9m0-9l-9 9' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 3.5l9 9m0-9l-9 9' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 16px 16px no-repeat}@media(hover:hover){.rn-close:hover,.ronini-bb-drawer__close:hover,.drawer::part(close-button):hover,.drawer-popover::part(close-button):hover,.modal::part(close-button):hover,.popover::part(close-button):hover{background:var(--rn-close-bg-hover);color:var(--rn-close-ink);transform:none}}.rn-close:active,.ronini-bb-drawer__close:active,.drawer::part(close-button):active,.drawer-popover::part(close-button):active,.modal::part(close-button):active,.popover::part(close-button):active{transform:scale(.96)}.rn-close:focus,.ronini-bb-drawer__close:focus,.drawer::part(close-button):focus,.drawer-popover::part(close-button):focus,.modal::part(close-button):focus,.popover::part(close-button):focus{outline:none;box-shadow:none}.rn-close:focus-visible,.ronini-bb-drawer__close:focus-visible,.drawer::part(close-button):focus-visible,.drawer-popover::part(close-button):focus-visible,.modal::part(close-button):focus-visible,.popover::part(close-button):focus-visible{outline:2px solid var(--rn-close-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.rn-close,.ronini-bb-drawer__close,.drawer::part(close-button),.drawer-popover::part(close-button),.modal::part(close-button),.popover::part(close-button){transition:none}}.drawer::part(close-button){position:relative;grid-area:1 / 1;justify-self:end;align-self:center;margin-inline-end:calc(var(--rn-close-inset) - var(--drawer-header-padding-inline, 20px));z-index:1}.drawer-popover::part(close-button){position:relative;grid-area:1 / -1;justify-self:end;align-self:center}.modal::part(close-button){position:absolute;inset-block-start:var(--rn-close-inset);inset-inline-end:var(--rn-close-inset);z-index:2}@media screen and (max-width:999px){.modal:has([slot=image])::part(close-button){--rn-close-bg: rgb(255 251 241 / .92);--rn-close-bg-hover: rgb(255 251 241 / 1)}}.popover::part(close-button){position:relative;margin-inline-end:calc(var(--rn-close-inset) - var(--popover-padding-inline, 20px))}.popover::part(overlaid-close-button){position:absolute;inset-block-start:var(--rn-close-inset);inset-inline-end:var(--rn-close-inset);margin:0;z-index:2}.pswp__button--close-button.rn-close{position:absolute;inset-block-start:var(--rn-close-inset);inset-inline-end:var(--rn-close-inset)}.ronini-bb-drawer .ronini-bb-drawer__close{position:absolute;inset-block-start:var(--rn-close-inset);inset-inline-end:var(--rn-close-inset);z-index:2}
/*# sourceMappingURL=/cdn/shop/t/21/assets/rn-close.css.map */